Jquery 插件冲突

Jquery Plugin conflict

本文关键字：冲突 插件 Jquery      更新时间：2023-09-26

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

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

[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 个脚本，则新闻自动收报机工作正常。但是滑块不起作用。

我应该如何使用它们来使两者正常工作？

谢谢。

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

试试这个

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

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

相关文章：