2013-03-20 75 views
1

第一線:如何使用jquery noconflict?

https://stackoverflow.com/questions/15526845/function-idreturn-document-getelementbyidid-blows-up-jquery

即使世界與我2個JS文件衝突。 主要的JS代碼是在這裏:

http://paste.ofcode.org/Nnv7TN9wgs6B5FE3B5Bi55

第二個是在這裏:

http://paste.ofcode.org/eZCb5XAH3xsayK5HgBvant

都是不合羣 我試圖用no.conflict,但我不明白它的功能我需要改變... 我的腳本像這樣加載

<script src="<?php echo Config::$absolutePath; ?>media/jquery-1.4.3.min.js"></script> 
<script src="<?php echo Config::$absolutePath; ?>media/tags.js"></script> 
<script src="<?php echo Config::$absolutePath; ?>js/zoom.js"></script> 
<script type="text/javascript"> 
$.noConflict(); 
// Code that uses other library's $ can follow here. 
$(id){return document.getElementById(id)}; 
</script> 
<script src="<?php echo Config::$absolutePath; ?>media/pixelicious.js"></script> 
<script type="text/javascript" src="<?php echo Config::$absolutePath; ?>media/dddropdownpanel.js"></script> 

什麼是錯的,我需要改變什麼?謝謝

回答

1

你有一個$('body').zoom({ })在第二個文件的末尾,這必須更改爲jQuery('body').zoom({ })

你自己執行的匿名函數不包含這段代碼。

+0

does not work :(( – user2177459 2013-03-20 15:41:29

+0

你在控制檯中是否有任何錯誤 – 2013-03-20 15:42:19

+0

http://puu.sh/2kRPt – user2177459 2013-03-20 15:45:43

1

那麼你可以使用like this.

jQuery.noConflict(); 

但是,如果你使用的東西像Joomla有一些插件,將爲你做所有的工作.. This works well:

0

如其他人所示:

  1. 更改$.noConflict()jQuery.noConflict()
  2. 在第二個文件的變化$('body).zoom({})jQuery('body').zoom({})

這兩個應該解決所有與兩個文件的問題。 並記住,只要你想調用jQuery函數,你必須使用jQuery而不是$

+0

http://puu.sh/2kS3N沒有任何改變。不工作 – user2177459 2013-03-20 15:56:12

+0

謝謝。現在工作 – user2177459 2013-03-20 16:11:41