javascript - 在 .html 中将灯箱放入 Accordion 中时遇到问题

Question

我目前正在尝试放置 this灯箱进入this Accordion

我已经让它们都单独工作了，但我似乎无法让它们在同一页面上工作(无论一个是否在另一个页面内)

我注意到我最终得到了:

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

我是否尝试做错误的事情，或者这是无法以这种方式工作的事情？

预先感谢您的帮助!

Answer 1

正如我上面所想的，我使用了两个不同版本的 JQuery，加载它们导致了一些困惑。

为了解决这个问题，我删除了 JQuery 源之一:

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

(我还将源更改为本地源，而不是引用网站)

虽然我没有删除最旧的版本，但这对于我尝试加载的版本来说似乎效果更好。希望这在某些时候也能对其他人有所帮助。