2017-02-06 48 views
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 

      }); 


     }); 

我已經使用的文件和鏈接得到它仍在工作沒有任何跡象都試過了。沒有任何事情發生。我只是不知道還有什麼要做。這是我試圖添加到我的主題的每個滑塊。

+0

在控制檯中是否有任何js錯誤? –

+0

沒有錯誤。它什麼都不做。 –

+0

推薦閱讀:[爲什麼經常提示標題中的標籤?](http://meta.stackoverflow.com/a/253076/472495)。社區通常更喜歡沒有「標籤」元素的標題 - 我們有一個標籤系統。謝謝! – halfer

回答

0

我想通了!問題是我的主題JavaScript文件沒有加載。我將它從真實改爲假,現在我得到了它的工作!