javascript - 弹出和幻灯片时 Java 脚本冲突

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 文件的末尾，以防某些 JavaScript 文件依赖于首先加载的 DOM 中的元素。

但是，更清楚地了解确切的错误消息将有助于您进行调试。