Flexslider無法在WordPress中工作

我試圖在WordPress中添加一個flexslider幻燈片，但在代碼中包含代碼並且沒有任何顯示。看着螢火蟲，我爲幻燈片製作的div在那裏，但flexslider只是不加載。我正在使用TwentyTwelve主題的兒童主題，並將兒童主題的目錄中的header.php複製以進行修改。這些代碼：Flexslider無法在WordPress中工作

這是標記代碼：

<link rel="stylesheet" href="css/flexslider.css" type="text/css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script src="js/jquery.flexslider.js"></script> 

<!-- Load the flexslider --> 
<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
    $('.flexslider').flexslider({ 
      animation: "fade", // slide or fade 
      controlsContainer: ".flex-container" // the container that holds the flexslider 
    }); 
    }); 
</script>

這裏幻燈片頁面：

<div id="flexslider-container"> 
    <div class="flexslider"> 
     <ul class="slides"> 
      <li><img src="/images/Penguins.jpg" /></li> 
      <li><img src="/images/Desert.jpg" /></li> 
      <li><img src="/images/Koala.jpg" /></li> 
     </ul> 
    </div> 
</div>

來源

2013-03-30 Reick

我相信你剛剛忘記了複製麪食中的第一個「<」。 – brbcoding

是的，我做了，但是我在頭文件中。固定。 – Reick

我剛剛使用的FlexSlider我的一個項目。相反，包括JavaScript和CSS直接在你的主題試試這個：

在WordPress主題打開functions.php文件，並粘貼以下：

// flexslider 
    wp_register_script('flexslider', get_stylesheet_directory_uri() . '/js/jquery.flexslider-min.js', array(), '2.1', false); 
    wp_register_style('flex-stylesheet', get_stylesheet_directory_uri() . '/css/flexslider.css', array(), '', 'all'); 
//jquery from google cdn 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3');

然後它下面的（同一個文件的functions.php）粘貼以及調用腳本：

wp_enqueue_style('flex-stylesheet'); 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('flexslider');

哦，不要忘記在模板中包含調用JavaScript。

來源

2013-03-30 07:26:57 trajche

我試過這個，也不管用。出於某種原因，我的WordPress不會加載flexslider。我也嘗試過Nivo Slider，它也不加載。看起來jQuery由於某種原因而不工作。 – Reick

你有一個我可以看看的實時網址嗎？右鍵單擊並檢查元素（Google Chrome頁面上的任何位置），然後在「控制檯」中查看輸出。如果它是一個jQuery問題應該顯示一個錯誤。 – trajche

Flexslider無法在WordPress中工作

回答

相關問題