0

私のウェブページでは、次の 2 つのことを行っています。

  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>
4

1 に答える 1

0

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 ファイルが最初に読み込まれる DOM の要素に依存している場合に備えて、すべての JavaScript ファイルを HTML ファイルの END に配置することもベスト プラクティスです。

ただし、正確なエラー メッセージをより明確にすると、デバッグに役立ちます。

于 2012-12-07T09:18:58.453 に答える