Nivo Slider在靜態HTML網站上工作，但不在基於WP的網站上

我正在將一個靜態HTML網站轉換爲Wordpress以供客戶端使用，我遇到了讓Nivo滑塊工作的問題。Nivo Slider在靜態HTML網站上工作，但不在基於WP的網站上

它完美的HTML版本as can be seen here，但在Wordpress版本seen here它似乎並沒有顯示任何圖像。

Wordpress版本的腳本正在註冊，因爲它將某些樣式應用於.slider元素，但幻燈片圖像始終設置爲顯示：無。

有人有什麼想法嗎？

編輯;

HTML版本使用此;

$(window).load(function() { 
$('.slider').nivoSlider({ 
    effect:'fade', //Specify sets like: 'fold,fade,sliceDown' 
    slices:40, 
    directionNav:false, //Next and Prev 
    controlNav:false //1,2,3... 

});

和WP版本使用此;

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

    $('.slider').nivoSlider({ 
     effect:'fade', //Specify sets like: 'fold,fade,sliceDown' 
     slices:40, 
     directionNav:false, //Next and Prev 
     controlNav:false //1,2,3... 

    }); 

});

來源

2013-04-21 Dean Elliott

啊，我想我知道這是爲什麼。在WP網站上，使用'jQuery'而不是''''。 – martincarlin87 2013-04-21 21:55:12

@ martincarlin87我已經使用'jQuery'而不是'$'，它仍然不起作用... – 2013-04-21 22:30:55

你有兩個javascript的錯誤請參閱瀏覽器的控制檯面板，並先刪除它們 – 2013-04-22 05:29:27

您缺少靜態版本中的jquery.min.js文件。確保添加以下

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

添加上述行似乎只當它插入您的頁腳下面的線後，解決問題的路線：

<script type='text/javascript' src='http://www.terrafirma4x4.com/tfplugin/tfplugin-latest-jquery.js?ver=3.5.1'></script>

來源

2013-04-22 22:06:41 sr83

Nivo Slider在靜態HTML網站上工作，但不在基於WP的網站上

回答

相關問題