解决JQuery冲突

时间:2012-07-25 01:44:11

标签: jquery conflict

我设法创建了以下页面,其中有一个iOS滑块与BGStretcher一起工作,有一些脚本控制所使用的两个库之间的冲突。但是,我现在想要在另一个JQuery库中添加一个div来创建“puff”效果。

问题是,当我添加我的吹气代码时,它会破坏页面,并且没有一个库可以工作。下面是我创建的iOS Slider和BGStretcher页面的链接,其中有一个链接显示了粉扑测试文档(请原谅当前的简单性,我只是想让它正常工作)。

www.psychobeing.co.uk/2012/demo/index.html

www.psychobeing.co.uk/2012/demo/pufftest.html

我已经尝试重新排序脚本并在puff效果脚本和其他脚本之间添加noConflict脚本,但它仍然不起作用,如果它意味着什么都没有用!任何帮助将不胜感激!

据我所知,iOSSlider和BGStretcher脚本之间存在冲突,以下内容:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>

以下是包含所有内容的最新版本(包括上述内容)

http://www.psychobeing.co.uk/2012/demo/index2.html

如果有人能帮助我,我真的很感激!

干杯!

2 个答案:

答案 0 :(得分:0)

你能尝试删除那里的1个jquery吗?现在你使用的是2个版本。 1.5.2和1.6.1。

您可以尝试使用1.7.1吗?我认为你的其他插件仍然有效,因为他们说1.6+兼容

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

如果您将其他库与jquery一起使用,则使用NoConflict。例如,Mootools和jquery。

了解更多信息 http://api.jquery.com/jQuery.noConflict/

答案 1 :(得分:0)

你有两个版本的jquery man。很确定这会导致问题。