Jquery插件冲突

时间:2012-06-08 05:45:24

标签: javascript jquery jquery-plugins

我的主页上有一个滑块和新闻自动收录器。

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

[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个脚本。但是滑块不起作用。

我应该如何使用它们来兼顾两者?

感谢。

2 个答案:

答案 0 :(得分:1)

如果插件真的不兼容,并且您不想编辑它们来修复冲突,那么将其中一个放入iframe中以隔离它可能是一种解决方案... 特别是如果它们是孤立的组件,不会回传到页面的其他部分......

答案 1 :(得分:0)

试试这个

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

在第5个和第6个脚本之间使用上面的代码,并在第6个js中使用 jQuery 而不是 $ ,这可能会有所帮助< / p>