javascript 冲突

Question

为什么有些 javascript 会与其他的发生冲突？我的意思是我一直在为图片库使用 javascript 代码，然后尝试在 jquery 中获取文本水印。为什么在使用 jquery 之后，画廊完全消失了？我在这两个脚本中没有使用共同的 ID。有什么理由吗？

Answer 1

正如 Mathias 正确指出的那样，最有可能的问题是您的其他库也在使用 $ 符号——当您将 jQuery 添加到页面时，它覆盖了旧的 $ 变量和它自己的 $ ... 并且你的第一个 javascript 库停止工作。解决方案是调用 jQuery.noConflict() 将 $ 变量恢复到第一个库。您仍然可以使用 jQuery 插件——您只需要将使用 $ 的示例脚本更新为使用 jQuery。因此 $("#my_content").css({color: "red"}); 会变成 jQuery("#my_content").css({color: "red"}) ;

或者，您可以通过这种方式将 jQuery 对象分配给另一个变量对象:

$jq=jQuery.noConflict(); //From now on jQuery can be called with the $jq function

或者您可以在闭包中使用它:

(function($) {
    // $ in here will map to jQuery
    //outside of this code $ will map to your other library's $
})(jQuery.noConflict());