javascript - JavaScript 显示错误

Question

我的网页上有一个手风琴菜单和一个 lightwindow 脚本。由于手风琴脚本，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

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

使用jQuery使用noConflict.

$.noConflict();

$并将for jQuery 的所有实例替换为jQuery.

Answer 2

当使用过多的库和插件时会发生这种情况......

尝试使用 jQuery 的 noConflict 函数，这样您就可以使用原型和 scriptaculous 了。文档说：

<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>')