我的 html 页面上的 Javascript 冲突

Question

我的网页上有一个 Accordion 菜单和一个 lightwindow 脚本。由于 Accordion 脚本，lightwindow 脚本不起作用，因为如果我删除后者，lightwindow 脚本就会起作用。肯定有冲突，但是什么？

这是我页面的头部部分:

<!-- lightwindow files -->
<script type="text/javascript" src="lightwindow/javascript/prototype.js"></script>
<script type="text/javascript" src="lightwindow/javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightwindow/javascript/lightwindow.js"></script>
<link rel="stylesheet" href="lightwindow/css/lightwindow.css" type="text/css" media="screen" />


<!-- accordion scripts -->
<script src="js/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/accordion.css" />

感谢您的宝贵时间。

干杯

远古

Answer 1

您需要使用 http://docs.jquery.com/Core/jQuery.noConflict 中描述的 jQuery.noConflict 方法.

不确定 1.2.1 版是否会有它。

只需阅读该页面上的说明，了解如何连接它。 首先，您需要将 jQuery 放在其他库之前。

更新:添加了下面的代码以帮助您应用修复。 如果 jQuery.noConflict() 行导致错误，那么您可能需要尝试更新版本的 jQuery。

<script src="js/jquery-1.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript"> jQuery.noConflict() </script>

<!-- lightwindow files -->
<script type="text/javascript" src="lightwindow/javascript/prototype.js"></script>
<script type="text/javascript" src="lightwindow/javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightwindow/javascript/lightwindow.js"></script>
<link rel="stylesheet" href="lightwindow/css/lightwindow.css" type="text/css" media="screen" />


<!-- accordion scripts -->
<script src="js/menu.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/accordion.css" />

此外，请注意，您可能需要将某些代码从 $(...) 交换为 jQuery(...)

来自 jQuery 文档页面:

你以前做 $("div p") 的地方，你现在必须做 jQuery("div p")。