如何使用jQuery noconflict？

Question

第一個線程：

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

我的2個JavaScript文件有沖突。

我嘗試使用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>

怎么了，我需要改變什么？

Answer 1

在第二個文件的末尾有一個$('body').zoom({ }) ，必須將其更改為jQuery('body').zoom({ }) 。

您的自執行匿名函數不覆蓋這段代碼。

Answer 2

好吧，您可以像這樣使用。

jQuery.noConflict();

但是，如果你正在使用的東西如Joomla有一些pluggins會做所有的工作對你.. 這非常適用：

Answer 3

當您使用noConflict時，所有用於調用jquery的$（）必須變為jQuery（）

http://api.jquery.com/jQuery.noConflict/

Answer 4

正如其他人建議的那樣：

1. 將$.noConflict()更改$.noConflict() jQuery.noConflict() 。
2. 在第二個文件中，將$('body).zoom({})更改為jQuery('body').zoom({})

那兩個應該用兩個文件解決所有問題。 請記住，每當您要調用jQuery函數時，都必須使用jQuery而不是$ 。