2012-06-08 192 views
1

我在我的主页有一个滑块和新闻自动收报器。jquery插件冲突

我在头标中使用了以下编码。

[1]<script type="text/javascript" src="..js/jquery.core.js"></script> 
[2]<script type="text/javascript" src="..js/jquery.superfish.js"></script> 
[3]<script type="text/javascript" src="..js/jquery.jcarousel.pack.js"></script> 
[4]<script type="text/javascript" src="..js/jquery.easing.js"></script> 
[5]<script type="text/javascript" src="..js/jquery.scripts.js"></script> 
[6]<script type="text/javascript" src="..js/common.js"></script> 

当我使用这种格式时,我的滑块工作正常,但新闻股票卡住了。 滑块使用第2,3,4和5个脚本。 第6个脚本用于新闻报道。 如果我在第一个新闻自动收报机正常工作后使用第6个脚本。但然后滑块不起作用。

我应该如何使用它们来使两个工作?

谢谢。

+0

如果我在你的位置,我只是不会使用框架。没有框架,没有冲突,因为我会单独命名我的脚本元素(或者更好地将它们放在自己的闭包中,因此没有全局变量留下) –

+0

@Kolink我认为这太严格了。在使用插件/框架之前阅读源代码并验证质量如何?但我想大多数jQuery插件不会通过这个,所以真的有很大的区别:D – Esailija

回答

1

如果插件真的不兼容,并且您不想编辑它们来解决冲突,那么可能会将解决方案中的一个放在iframe中以隔离它... 特别是如果它们是隔离的不回页面的其余部分通信的组件......

0

试试这个

<script type="text/javascript"> 
if (typeof jQuery !== 'undefined') { 
    jQuery.noConflict(); 
} 
</script> 

使用第5和第6脚本之间的上述代码,并在使用jQuery,而不是$第六个JS,它可能有帮助