JQuery库冲突

Question

我不确定如何合并我需要同时操作slidedeck和lightbox的两个jquery库。如果我删除“jquery.js”，slidedeck将起作用，但lightbox不会。如果我删除“jquery-1.3.2.min.js”，另一方面，灯箱将工作但滑动甲板不会。

尝试同时运行它们会导致幻灯片工作/灯箱损坏，并在Google Chrome中生成以下报告：

任何人都可以帮我弄清楚如何同时运行这两个jquery插件吗？

谢谢， 尼克

Answer 1

将这两个替换为：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

JQuery高达1.6.4人，必须跟上：）

Answer 2

  

如果我删除“jquery.js”，则slidedeck会起作用，但灯箱不会。

当您删除jquery.js时，Lightbox无效，因为您在jQuery-1.3.2.min.js之前将其包含在内。换句话说，删除了jQuery的特定实例，你根本就不包含了jbox的Lightbox。

jQuery必须包含之前任何/所有插件。

  

如果我删除“jquery-1.3.2.min.js”，另一方面，灯箱会   工作，但滑动甲板不会。

这可能是因为jquery.js已过期。

只需包含最新版本的jQuery ONCE，然后包含两个插件。

Answer 3

使用noConflict

<script src='jquery-1.3.2.js'></script>
<script>
var jq132 = jQuery.noConflict();
</script>
<script src='jquery-1.4.2.js'></script>
<script>
var jq142 = jQuery.noConflict();
</script>

使用适当的插件，例如（代码不会描述插件的实际使用方式，但为了清晰起见而添加）

jq132("element").sliddeck(); // i don't know about sliddeck so don't know how to use 

和

jq142("element").lightbox();

正如@ Sparky672所示，在包含任何其他jquery之前，您必须包含xyz.js