弹出窗口和幻灯片时Javascript冲突

Question

在我的网页上，我正在做两件事：

1. 图片幻灯片

2. 图片弹出

为此我已经包含了6个JavaScript文件，但它有冲突。它单独工作。如何避免JavaScript冲突？

我已经包含了这样的js文件：

----------------for popup-------------
<div id="content">
    <div class="chat in">
        <div class="msg Nth">
            <script type="text/javascript" src="popup/js/prototype.js"></script>
            <script type="text/javascript" src="popup/js/scriptaculous.js?load=effects"></script>
            <script type="text/javascript" src="popup/js/lightbox.js"></script>>
                <div class="msg Nth">

--------------for slideshow-------------
<script src="scrollbar_2/jquery-1.3.2.min.js" language="javascript" type="text/javascript"></script>
<script src="scrollbar_2/jquery-ui-1.7.1.custom.min.js" language="javascript" type="text/javascript"></script>
<script src="scrollbar_2/slider_test.js" language="javascript" type="text/javascript"></script>

Answer 1

我很确定Lightbox依赖于JQuery，因此应该在加载JQuery之后放置它，如下所示：

<script src="scrollbar_2/jquery-1.3.2.min.js" language="javascript" type="text/javascript"></script>

<script type="text/javascript" src="popup/js/lightbox.js"></script>

最佳做法是将所有JavaScript文件放在HTML文件的END中，以防某些JavaScript文件依赖于首先加载的DOM中的元素。

但是，更准确地说明确切的错误消息对于帮助您进行调试非常有用。