Question

我对此很新，所以请仔细解释。我正在使用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" />

Answer 1

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

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

Answer 2

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

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

Javascript灯箱2问题

2 个答案: