1

現在、このライトボックスをこのアコーディオンに配置しようとしています

両方とも別々に問題なく動作させましたが、同じページで動作させることができないようです (一方が他方の内部にあるかどうかにかかわらず)

最終的に次のようになったことに気付きました。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/lightbox-2.6.min.js"></script>

私のヘッダーでは、どちらが他のバージョンの最新バージョンを複製している可能性があり、それが問題になる可能性があるかどうか疑問に思っていましたか?

私が持っているhtmlで：

<div id="accordion" style="width:1000px; border: 1px solid black">
    <h4> Section 1 </h4>
    <div>
        <p> Text </p>
        <a href="images/image.jpg" data-lightbox="images"><img src="images/image.jpg"/></a>
    </div>
</div>

私が間違ってやろうとしていることはありますか、それともこの方法ではうまくいかないことですか?

助けてくれてありがとう！

4

1 に答える 1

0

上で考えたように、私は 2 つの異なるバージョンの JQuery を使用しており、両方をロードすると少し混乱が生じました。

これを解決するために、JQuery ソースの 1 つを削除しました。

<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.js"></script>
<script src="js/lightbox-2.6.min.js"></script>

(また、ソースを Web サイトを参照するのではなく、ローカルに変更しました)

最も古いものは削除しませんでしたが、これは、ロードしようとしていたもののバージョンに対してよりうまく機能するように見えました。これがいつか他の誰かにも役立つことを願っています。

于 2013-09-30T10:16:16.973 に答える