我的html页面上的Javascript冲突

Question

我的网页上有一个手风琴菜单和一个lightwindow脚本。因为手风琴脚本，所以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" />

谢谢您抽时间见我。

干杯

tochiro

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")。

Answer 2

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

我只想说，这个小把戏对我很有效，谢谢。如果你使用时序，这可能就是你的javascript问题的答案。

不再是“完成了，但页面上有错误”终于。

再次感谢

Answer 3

当您添加jQuery.noConflict()；时，您还需要进入jQuery脚本并将所有$ variables交换为jQuery