添加jQuery图像滑块时出现问题

时间:2017-02-06 作者:Michael Stokes

我正在尝试从Slick添加一个照片滑块,但我似乎无法使其工作。

HTML

<div class="victoria-slider">

        <div>Content1</div>
        <div>Content2</div>
        <div>Content3</div>
</div>
功能。php

function victoria_theme_script_enqueue() {

    wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/victoria_theme.css\', array(), \'4.7.2\', \'all\');

    wp_enqueue_style(\'bootstrap\', get_template_directory_uri() . \'/css/bootstrap.min.css\', array(), \'3.3.7\', \'all\');

    wp_enqueue_style(\'slick\', \'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css\');

    wp_enqueue_style(\'slick-theme\',\'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css\');



    wp_enqueue_script(\'jquery\', get_template_directory_uri() .\'/js/jquery.min.js\', array(), \'3.1.0\', true);


    wp_enqueue_script(\'customjs\', get_template_directory_uri() . \'/js/victoria_theme.js\', array(), \'4.7.2\', true);

    wp_enqueue_script(\'bootstrapjs\', get_template_directory_uri() . \'/js/bootstrap.min.js\', array(), \'3.3.7\', true);
    wp_enqueue_script(\'slickjs\', \'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js\');




}


add_action(wp_enqueue_scripts, \'victoria_theme_script_enqueue\');
JS公司

jQuery(document).ready(function($) {



            jQuery(".victoria-slider").slick({
                  dots: true,
                  infinite: true,
                  speed: 500,
                  fade: true,
                  cssEase: \'linear\',
                  slidesToShow: 3,
                  slidesToScroll: 3

            });


        });
我已经尝试使用文件和链接使其工作,但仍然没有任何迹象。什么都没有发生。我只是不知道还能做什么。它适用于我尝试添加到主题中的每个滑块。

3 个回复
SO网友:Mario Vega

尝试两件事:

移动队列以获取slick。js位于自定义脚本的队列上方

wp_enqueue_script(\'customjs\', get_template_directory_uri() . \'/js/victoria_theme.js\', array( \'slickjs\' ), \'4.7.2\', true);

SO网友:Ben Lonsdale

将此作为评论添加,但声誉不够高。尝试从函数($)中删除$,我以前在wordpress中遇到过这样的问题

SO网友:Michael Stokes

我想出来了!问题是我的主题JavaScript文件没有加载。我把它从真改为假,现在我让它工作了!