Javascript冲突- lightbox和滑块

Question

所以我对网页设计和Dreamweaver非常陌生，但我已经设法把一些相当可靠的东西组合在一起。我遇到的唯一问题是我的两个主要的图像javascripts一个滑块和一个lightbox图库-相互抵消。如果其中一个可以工作，那么另一个就不行。这是头部的代码。有什么建议吗？

<!-- Style sheets themes for the Nivo Slider -->
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/orman/orman.css" type="text/css" media="screen" />
<!-- Main Styles Sheet for the Primento theme -->
<link rel="stylesheet" href="styles.css">
<!-- Google Webfonts - Other fonts can be installed - http://www.google.com/webfonts -->
<link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700'     rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<!--script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script-->
<!--script src="js/jquery.validate.js" type="text/javascript"></script-->


<!-- Nivo Slider -->
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>  

<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>

Answer 1

尝试删除jquery的第二个实例。这可能会重新初始化jQuery对象，从而导致页面失败。

页面上只需要一个jQuery实例。看起来你正在使用的插件是旧的(即1.9之前的版本)，所以你应该尝试旧版本的jQuery。如果1.7.x不起作用，请尝试1.8.x版本。版本1.9删除了几个可能会阻止插件工作的功能。