使用jquery幻灯片和javascript灯箱一起导致冲突?

时间:2011-11-11 20:09:51

标签: javascript jquery

我正在使用一些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" />

2 个答案:

答案 0 :(得分:1)

您应该在Prototype之前包含JQuery,然后将其切换为NoConflict mode

在此之后,加载Prototype / Scriptaculous并查看是否有效。

答案 1 :(得分:0)

pfff为什么你要使用jquery + prototype?他们几乎做同样的事情。更好地找到jquery灯箱并删除原型。或者使用原型,但不能同时使用原型。