Javascript 为什么我的一个特效在添加另一个特效后停止工作？

我对这一切都不熟悉，如果这是一个愚蠢的问题，我很抱歉

我之前为我的联系人表单创建了一个灯箱效果，效果非常好。点击contact，lightbox弹出，联系人表单保存在单独的html页面中。脚本引用如下：

<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>

然后，我通过一个教程添加了一个类似尾声的滑块框，并得到了所有的工作添加到头部以下脚本：

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.7-min.js" type="text/javascript"></script>
<script src="js/jquery.serialScroll-1.2.2-min.js" type="text/javascript"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>

一旦我完成了，我发现我最初的lightbox函数停止工作，链接现在只发送给html页面。没有灯箱。下面是完整的头部：

索引

这是我发送到灯箱的导航：

    <a href="index.html">Overview</a> |
    <a href="index.html">Client List</a> |
    <a href="index.html">Reviews</a> |
    <a href="index.html">News</a> |
    <a href='hiddenforms/candidateform.html' class='lightview' title=" :: :: topclose: true, autosize: true">Candidates</a> | 
    <a href='hiddenforms/contactform.html' class='lightview' title=" :: :: topclose: true, autosize: true">Contact</a> | 
    <a href="candidate.html">Share</a>

|
|
|
|
| 
| 

---

我希望这有帮助。一个页面上会有太多javascript吗？如何修复此问题？

在错误控制台（Firebug、Web Inspector等）中查找错误。如果一个脚本正在覆盖另一个脚本所期望的属性，它可能会破坏某些内容。您还可能想考虑至少将所有脚本连接到单个文件上，以减少网络延迟。

---

编辑：这也可能是jQuery与Prototype和/或Scriptaculous之间的冲突。jQuery试图避免与其他库发生冲突，但这其中只有这么多是可以控制的。确保jQuery在其他脚本之前加载，并添加

jQuery.noConflict（）结束。
在错误控制台（Firebug、Web Inspector等）中查找错误。如果一个脚本正在覆盖另一个脚本所期望的属性，它可能会破坏某些内容。您还可能想考虑至少将所有脚本连接到单个文件上，以减少网络延迟。
编辑：这也可能是jQuery与Prototype和/或Scriptaculous之间的冲突。jQuery试图避免与其他库发生冲突，但这其中只有这么多是可以控制的。确保jQuery在其他脚本之前加载，并添加
jQuery.noConflict（）到最后。
我也有类似的问题。我已经安装了Wordpress插件“Lightbox 2”和“PressOK-可折叠区域”。安装PressOK-可折叠区域后，灯箱效果停止工作

检查代码后，我通过在pressok collapsable region/pressok-collapsable-region.php中注释一行代码找到了解决方案，如下所示。现在两个插件都工作了！我希望这有帮助

function collapsible_region_javascript() {

/*   echo '<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>'; */

    $siteroot = get_bloginfo('wpurl');
    echo '<link rel="stylesheet" type="text/css" media="all" href="' . $siteroot . '/wp-content/plugins/pressok-collapsible-region/style.css" />';
    echo '<script language="javascript" type="text/javascript" src="' . $siteroot . '/wp-content/plugins/pressok-collapsible-region/collapsible-region.js"></script>';
}

函数可折叠\u区域\u javascript（）{
/*回声'*/
$siteroot=get_bloginfo（'wpurl'）；
回声'；
回声'；
}
我也有同样的问题。我已经安装了Wordpress插件“Lightbox 2”和“PressOK-可折叠区域”。安装PressOK-可折叠区域后，灯箱效果停止工作

检查代码后，我通过在pressok collapsable region/pressok-collapsable-region.php中注释一行代码找到了解决方案，如下所示。现在两个插件都工作了！我希望这有帮助

function collapsible_region_javascript() {

/*   echo '<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>'; */

    $siteroot = get_bloginfo('wpurl');
    echo '<link rel="stylesheet" type="text/css" media="all" href="' . $siteroot . '/wp-content/plugins/pressok-collapsible-region/style.css" />';
    echo '<script language="javascript" type="text/javascript" src="' . $siteroot . '/wp-content/plugins/pressok-collapsible-region/collapsible-region.js"></script>';
}

函数可折叠\u区域\u javascript（）{
/*回声'*/
$siteroot=get_bloginfo（'wpurl'）；
回声'；
回声'；
}
谢谢你，伙计……问题……当你说要添加jQuery.noConflict时。。。到最后，你的意思是在剧本的头上结束吗？或者是在.js文件中的某个地方？在jQuery.js文件的末尾。对javascript不太熟悉，所以不确定将其放在文件中的什么位置。例如，整个事情的结尾是：…“px”）}}}（）；紧接着。最后，再次感谢你。这不管用，但我可能理解得不够。我感谢你的时间。谢谢你，伙计…当你说要添加jQuery时，我问你一个问题。没有冲突。。。到最后，你的意思是在剧本的头上结束吗？或者是在.js文件中的某个地方？在jQuery.js文件的末尾。对javascript不太熟悉，所以不确定将其放在文件中的什么位置。例如，整个事情的结尾是：…“px”）}}}（）；紧接着。最后，再次感谢你。这不管用，但我可能理解得不够。我很感激你的时间。