jquery 和原型(prototype)冲突

标签 jquery prototypejs lightbox

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

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、scriptaculous.js和lightbox.js放在jQuery库之后时,我的userdrive就不起作用,而当我将其放在前面时,它可以工作但不完全。我知道 $ 符号之间存在冲突,但我不知道如何解决此问题。另外,我的用户驱动器包括 ajax 调用和可排序网格的代码。

最佳答案

使用 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/

关于jquery 和原型(prototype)冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9296942/

相关文章:

javascript - 移动到悬停内容时保持悬停

javascript - 仅为大写字母和数字添加验证

javascript - 多次选择相同的选项/onchange 不改变

javascript - IE 9 中的停止事件(无需升级到 Prototype 1.7)

jquery:当我在文档上附加一个层时,如何重置文档滚动条?

javascript - 如何将 Javascript 和 CSS 包含到 Bootstrap 灯箱模式对话框中?

javascript - 在第一张和最后一张幻灯片上禁用上一个/下一个箭头

jquery-mobile - 如何对通过 Ajax 拉入的元素使用 Jquery document.on()?

javascript - PrototypeJS 不删除选择元素

javascript - 同一网页中有两个灯箱画廊 : one works correctly, 另一个没有