jquery 和原型冲突

Question

我知道这个问题已经被问过很多次了，我已经在 stackoverflow 和 google 上搜索过答案，但没有一个对我有用，所以也许我的错误是在不同的区域引起的，无论如何，这是我

echo "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>\n";

echo "<script type=\"text/javascript\" src=\"javascript/watermark.min.js\"></script>\n";
echo "<script type=\"text/javascript\" src=\"javascript/jquery.cycle.js\"></script>\n";
echo "<script type=\"text/javascript\" src=\"http://vjs.zencdn.net/c/video.js\"></script>\n";

echo "<script type=\"text/javascript\" src=\"javascript/prototype.js\"></script>\n";
echo "<script type=\"text/javascript\" src=\"javascript/scriptaculous.js?load=effects,builder.js\"></script>\n";
echo "<script type=\"text/javascript\" src=\"javascript/lightbox.js\"></script>\n";

echo "<script type=\"text/javascript\" src=\"javascript/jquery.userdrive.js\"></script>\n";

每次放置 prototype.js 时 包含的 javascript 、 scriptaculous.js 和 lightbox.js 在 jQuery 库之后，我的 userdrive 不起作用，当我把它放在前面时，它可以工作但不完全。我知道 $ 符号之间存在冲突，但我不知道如何解决此问题。另外，我的用户驱动器包括 ajax 调用和可排序网格的代码。

Answer 1

使用 noConflict 功能：

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>

确保在此代码之前包含 jQuery 库，这里有一个关于它的文档：

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

Answer 2

如果您的 userdrive.js 使用全局变量“$”而不使用闭包，它将失败，因为prototype.js 删除了“$”和“jQuery”之间的链接

这是一个闭包：

(function($){
  ...
})(jQuery)

尝试将您的userdrive 进入闭包并使用 noConflict 方法来防止其他错误。

<script type="text/javascript">
  jQuery.noConflict();
</script>