jquery - 如何使用 jquery.noConflict 属性

Question

我正在使用预览 DNS 在服务器上测试我的网页。刚刚意识到预览版 dns 会自动在任何 php 页面的末尾添加 mootools 库。可能是为了他们自己的统计数据或其他什么。

但问题是我在我的页面中使用jquery。所以我的 jquery 代码崩溃了，因为 mootools 和 jquery 都使用“$”。

我已经把我的页面的所有页面源放到了jsbin上:http://jsbin.com/ozime (这包括 mootools 上添加的内容)。

在此页面中，我添加了一个示例 jquery 代码，该代码应在下拉框发生更改时触发。我还添加了一些警报语句。但是，仅显示第一个警报声明。内部 jquery 代码没有。

我尝试使用jquery，没有冲突，但它似乎不起作用。

有人遇到过这个问题吗？

Answer 1

我更喜欢使用自执行匿名函数来为您的 jQuery 代码提供自己的作用域，如果您不必担心兼容性，您可以像平常一样使用 $ 。

如果您以前没有见过，这看起来会很奇怪。基本上，我所做的就是定义一个带有参数($)的函数，然后使用 jQuery 作为参数执行该函数。

<script>
jQuery.noConflict();

(function($) {
    //use '$' as you normally would
    $(document).ready(function() {
        //code here that depends on the document being fully loaded
    });

})(jQuery);  

</script>