2012-09-17 105 views
0

我有一個工作網站,我翻譯到一個WordPress主題。 jquery.cycle.js效果很好。不過,我似乎無法讓它在WordPress中工作。jquery循環插件不翻譯成wordpress

  1. 調用的jQuery(已稱爲WP)

  2. 呼叫cycle.js(註冊,入隊,和查看源時似乎打印出來,因爲它應該。

  3. 有個小腳本頭

    $(document).ready(function() { 
        $('.slideshow').cycle({ 
         fx: 'fade' 
        }); 
    }); 
    

我也曾嘗試PU擬合這在它自己的.js ---但與還沒有運氣....

已從循環演示有點img列表保持地方....與類.slideshow

一切一div在原始HTML佈局中工作正常。所以我只是繼續這個清單...

當我查看源代碼時,所有的東西都顯示在WordPress中。無論如何。我的jquery的東西都沒有工作。我認爲,如果我能夠得到一些幫助,這將解釋我做錯了什麼。

聞聽此事......所以我想我的一些腳本使用$和一些jQuery的---得讓一些單位會在這裏......

enter image description here

http://www.pauljoyceuk.com/codex/2011/jquery-is-not-a-function/

SO發現這個...

$(document).ready(function() { 

變化

jQuery(document).ready(function() { 

這是小文件很容易...

但對於大文件...

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

如果您通過$ ----然後eveything似乎工作的偉大 - 不必改變他們所有人...但是 - 現在即使事情看起來很棒...我有一個全新的瘋狂錯誤主機...嗯

+0

確定。所以我在過去的線程中讀過一些東西,建議將$改爲jQuery。所以作爲最後的努力 - 我嘗試過。它的工作。所以......新問題:爲什麼我需要這樣做?這是不是競爭性的東西的一部分? – sheriffderek

+0

您必須擁有另一個衝突的庫,例如moo-tools。 – SMacFadyen

+0

嗯......我第一次使用下劃線staters主題。我看不到任何其他的javaScript庫。 – sheriffderek

回答

1

WordPress的打包jQuery默認爲noConflict模式,使用jQuery('document'),或包裝你的代碼像

(function($) { 
    // Code that uses jQuery's $ can follow here. 
})(jQuery); 

或文檔準備像這樣:

jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
}); 
+0

好的和簡潔的答案。不像我的問題。這很好。 – sheriffderek