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