Javascript Lightbox 2问题

Javascript Lightbox 2问题,javascript,jquery,html,lightbox,conflict,Javascript,Jquery,Html,Lightbox,Conflict,我对这方面还不太熟悉,所以请详细解释一下。 我正在使用Lightbox 2 jQuery文件以及另一个jQuery文件对图像执行菜单幻灯片动画和淡入淡出动画。 我假设两个jQuery文件之间存在冲突,但我不确定如何解决它 有什么建议吗?我读了一些关于jQuery.noConflict()的文章,但我不确定如何实现它,或者它是否能工作 <script src="../Scripts/jquery-2.0.2.min.js" type="text/javascript"></scr

我对这方面还不太熟悉,所以请详细解释一下。 我正在使用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" />

$(文档).ready(函数(){
$('div#滚动框img')。设置动画({
不透明度:.5
});
$('div#ScrollBox img')。悬停(函数(){
$(this.stop().animate({opacity:1},'fast');
},函数(){
$(this.stop().animate({opacity:.5},'slow');
});
});

您需要两者的原因是什么?它们应该有几乎相同的代码,所以您只需要包含一个。我会用最新的


如果您在文章中包含明确添加代码的代码行,这样我们就可以看到您在做什么了。

看起来您正在加载两个不同的jQuery版本(1.10.2和2.0.2),我认为这是导致问题的原因。我建议删除1.10.2 jQuery脚本和以下脚本之一(如果您想尝试所有3个脚本,请按照工作顺序): -看看你的lightbox插件是否还能工作 -查找同一lightbox的更新版本 -例如,使用不同的灯箱


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

您能描述一下您得到的结果,并给出您正在使用的其他插件的名称吗?Hi Dan。添加了代码。我的lightbox在一个新窗口中打开图像,而不是在一个背景暗淡的弹出窗口中打开图像。这不能成为包含jQuery两次的理由,而且,它是一个相当大的文件,迫使用户下载两次!永远不要包含两个jQuery实例!是否可以替换为,或者我应该从lightbox中取出脚本源代码?完全从lightbox插件中取出额外的jQuery脚本,看看它是否与您已经使用的版本一致。