Javascript灯箱2问题

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

有什么建议吗？我读了一些关于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" />

来源

2013-08-21 Christi Du Toit

你能描述一下你得到的结果，并给出你使用的另一个插件的名字吗？ – Dan

嗨丹。添加了代码。我的灯箱在一个新窗口中打开了图像，而不是一个背景变暗的弹出窗口。 –

是否有你需要两个理由？他们应该有几乎相同的代码，所以你只需要包含一个。我会用最新的。

如果你在你的帖子中包含你明确添加它们的代码行，这将有助于我们看到你在做什么。

来源

2013-08-21 18:03:50

啊，对不起。只是将代码添加到问题中。 –

这不能成为两次包含jQuery的理由，除此之外，这是一个非常大的文件来强制用户下载两次！永远不要包含jQuery的两个实例！ – SeanKendle

它看起来像你正在加载两个不同的jQuery版本（1.10.2和2.0.2），这是我相信，造成的问题。我建议删除1.10.2 jQuery脚本，以及下列其中一项（如果您想尝试全部3项，请按照顺序排列）： - 查看您的lightbox插件是否仍然有效 - 查找相同的更新版本灯箱 - 使用不同的灯箱，例如fancybox

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

来源

2013-08-21 21:59:21 Dan

能够用/javascript“>，或者我应该只从灯箱中取出脚本源代码？ –

完全从Lightbox插件中取出额外的jQuery脚本，以查看它是否与您正在使用的版本有关。 – Dan

Javascript灯箱2问题

回答

相关问题