0
我想從Slick添加一個照片滑塊,我似乎無法使其工作。在WordPress中添加jQuery圖像滑塊的問題
HTML
<div class="victoria-slider">
<div>Content1</div>
<div>Content2</div>
<div>Content3</div>
</div>
的functions.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
});
});
我已經使用的文件和鏈接得到它仍在工作沒有任何跡象都試過了。沒有任何事情發生。我只是不知道還有什麼要做。這是我試圖添加到我的主題的每個滑塊。
在控制檯中是否有任何js錯誤? –
沒有錯誤。它什麼都不做。 –
推薦閱讀:[爲什麼經常提示標題中的標籤?](http://meta.stackoverflow.com/a/253076/472495)。社區通常更喜歡沒有「標籤」元素的標題 - 我們有一個標籤系統。謝謝! – halfer