使用jquery幻灯片面板和javascript灯箱一起造成冲突



我使用一些jQuery有一些滑动面板。这是我为自己建立的一个投资组合网站。我有一个滑动面板,其中包含拇指指甲,我想链接到使用JavaScript在Lightbox内显示的图像。

当所有的脚本都在我的脑海里,滑动面板工作,但Lightbox没有。如果我从我的头脑中删除jQuery脚本链接以"暂时禁用滑动面板",Lightbox就会正常工作。我假设我有某种冲突,但我是jQuery和JavaScript的新手,所以我甚至不知道从哪里开始。

这是我的代码在我的头标签。

<script type="text/javascript" src="js2/prototype.js"></script>
<script type="text/javascript" src="js2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js2/lightbox.js"></script>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js1/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js1/slidepanels.js"></script>
<link rel="stylesheet" type="text/css" href="css.css" />

你应该在Prototype之前包含JQuery,然后将其切换到NoConflict模式

在此之后,加载Prototype/Scriptaculous,看看是否工作。

pfff为什么使用jquery+prototype?它们做的事情几乎一样。最好找到jquery lightbox并删除原型。或者使用原型,但不要同时使用。

最新更新