2012-07-18 41 views
-1

我在Wordpress主題中遇到問題WordPress上的jQuery版本

我包含Nivo Slider(jQuery)和jQuery Flexylisder。

現在從來就與我的插件問題 - > 「以太內容生成器」

的NIVO滑塊失去作用......

頁眉

<?php wp_head(); ?> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<script src="wp-content/themes/psr_v1/js/jquery.flexislider.js" type="text/javascript"></script> 

和多數民衆bevore的身體標記

<script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js"></script> 

<script type="text/javascript"> 
$(window).load(function() { 
    $('#slidder').nivoSlider(); 
}); 
</script> 

我該如何使一切正常? 我測試了jquery.noConflict(),但它並沒有工作。

回答

2

是你附加NivoSlider實際上稱爲'slidingder'或是一個錯字?

如果不是它,然後嘗試使用以下(歡呼Jezen)

​​
  • 編輯

權首先是一個真正的老版本的jQuery您加載出於某種原因,即使你真的明白了這一點,也會造成各種各樣的問題。

共有。 WordPress的附帶jQuery,你只需要入隊。在你的functions.php排隊兩個,然後再依賴於它的腳本;再次

if (!is_admin()) { 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('jquery.nivoslider', get_bloginfo('template_directory').'/js/jquery.nivo.slider.js', array('jquery')); 
    wp_enqueue_script('jquery.flexislider', get_bloginfo('template_directory').'/js/jquery.flexislider.js', array('jquery'));  
} 
  • 編輯。

右鍵我得投入到工作中,並看看你的源。你像我所說的做,在functions.php的排隊腳本 - 現在他們越來越裝入頭proplery。但是,您需要刪除腳本中的內容。目前看起來像;

<script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery-1.7.1.min.js"></script> 


<script type="text/javascript"> 
$(window).load(function() { 
    $('#slidder').nivoSlider(); 
}); 
</script> 

<script src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js" type="text/javascript"></script> 
<script src="wp-content/themes/psr_v1/js/jquery.flexislider.js" type="text/javascript"></script> 

它需要看起來像這樣(Jezen提供);

​​
+0

是在div稱爲slidder因爲頁面上的Flesyslider稱爲滑塊。 我嘗試 bevore頭 和你的代碼,但它不工作 – user1535752 2012-07-18 19:16:55

+0

你需要的任何信息? – user1535752 2012-07-18 19:42:03

+0

爲你編輯的答案 - 看看是否可行:-) – McNab 2012-07-18 19:49:02

1

1 - 刪除此行:

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

2 - 腳本您的結束標記之前應該去,所以把它們放在footer.php

<script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js"></script> 
<script type="text/javascript"> 
    (function ($) { 
     $('#slidder').nivoSlider(); 
    }(jQuery)); 
</script> 
</body> 
</html> 
+0

很高興加入我們。在參數中沒有傳入$作爲函數,並且他的腳本在開始時根本沒有加載 - 我今天早上只有一個網站鏈接,所以我試圖幫助盲目。正如您從評論中看到的你需要付出很多努力才能進入你可以進入並貢獻的階段。 – McNab 2012-07-19 08:25:26

+0

這是正確的,他不是,而是你*。你的行在這裏:'jQuery(window).load(function($)'' 。你會看到這些括號之間的美元符號嗎?你傳遞'$'作爲一個argum功能。這在代碼塊中給出了'$'局部作用域。 – 2012-07-19 08:31:16

+0

好的 - 我明白了。感謝你的解釋,我沒有意識到這是不必要的,因爲它對我一直工作得很好。我會相應地編輯我的答案。 – McNab 2012-07-19 08:34:42