JavaScript显示错误

Question

我的网页上有手风琴菜单和灯光窗口。由于手风琴脚本，lightwindow脚本不起作用，因为如果我删除后者，则lightwindow脚本可以正常工作。必须有冲突但是什么？ 这是我页面的主要部分：

<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

当使用太多的库和插件时，会发生这种错误......

尝试使用jQuery的noConflict函数，这样你就可以使用原型和scriptaculous。 documentation说：

<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调用更新为：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>jQuery || document.write('<script src="js/jquery.min.js"><\/script>')

Answer 2

您正在加载prototype.js和jquery.js。

使用noConflict。

使用 jQuery

$.noConflict();

用$替换jQuery的jQuery的所有实例。