0

我对此很陌生，所以请彻底解释。我正在使用 Lightbox 2 jQuery 文件以及另一个 jQuery 文件在我的图像上执行菜单幻灯片动画和淡入淡出动画。我假设两个 jQuery 文件之间存在冲突，但我不确定如何解决它。

有什么建议吗？我读了一些关于 jQuery.noConflict() 的内容，但我不确定如何实现它，或者它是否可以工作。

<script src="../Scripts/jquery-2.0.2.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {
    $('div#ScrollBox img').animate({
        opacity:.5
    });
    $('div#ScrollBox img').hover(function(){
    $(this).stop().animate({opacity:1}, 'fast');
    }, function(){
        $(this).stop().animate({opacity:.5}, 'slow');
    });
});

</script>

<!--LIGHTBOX-->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/lightbox-2.6.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
4

2 回答 2

1

看起来您正在加载两个不同的 jQuery 版本（1.10.2 和 2.0.2），我相信这会导致问题。我建议删除 1.10.2 jQuery 脚本和以下之一（按顺序，以防您想尝试所有 3 个）：-查看您的灯箱插件是否仍然有效 -查找同一灯箱的更新版本 -使用不同的灯箱，例如fancybox

在任何情况下，请确保您的最终结果只加载了一个版本的 jQuery。

于 2013-08-21T21:59:21.367 回答
0

你需要两者有什么理由吗？它们应该具有几乎相同的代码，因此您只需要包含一个。我会使用最新的。

如果您在帖子中包含明确添加它们的代码行，这将有所帮助，这样我们就可以看到您在做什么。

于 2013-08-21T18:03:50.190 回答