无法在.html中将灯箱放入手风琴中

时间:2013-09-27 09:11:11

标签: javascript jquery html accordion lightbox

我目前正在尝试将this灯箱放入this手风琴

我让他们都单独工作,但我似乎无法让他们在同一页面上工作(无论是否在另一页内)

我注意到我最终得到了:

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

我是否正在尝试做错误的事情,或者这是否会以这种方式起作用?

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

正如我上面所想的那样,我使用了两个不同版本的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>

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

虽然我没有删除最老的,但这似乎对我试图加载的版本更好。希望这也可以帮助别人。