为什么添加其他效果后，我的某个效果停止工作？

Question

如果这是一个愚蠢的问题，我对所有这些都很陌生。

我以前为我的联系表单创建了一个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> 

一旦我完成了，我发现我的初始灯箱功能停止工作，现在链接只是发送给我的HTML页面。没有灯箱。以下是完整的头现在：

<title>index</title> 
<link rel="stylesheet" href="css/style.css" media="screen" /> 
<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> 

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

<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吗？我该如何解决？

Answer 1

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

编辑：它也可能是jQuery和原型和/或Scriptaculous之间的冲突。 jQuery试图避免与其他库冲突，但只有这么多可以控制。确保在其他脚本之前加载jQuery并将jQuery.noConflict();添加到最后。

Answer 2

我曾经有过同样的问题。我安装了Wordpress插件“Lightbox 2”和“PressOK - Collapsible Region”。在安装PressOK - Collapsible Region后，灯箱效果停止工作。

检查代码后，我找到了解决方案，在pressok-collapsible-region/PressOK-collapsible-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>'; 
}