Question

所以我对网页设计和Dreamweaver都很陌生，但我已经成功地将一些东西放在一起。我遇到的唯一问题是我的两个主要图像javascripts - 一个滑块和一个灯箱图库 - 相互抵消。如果一个人工作，另一个人不能。这是头部的代码。有什么建议吗？

<!-- 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删除了一些可能阻止插件工作的功能。

Javascript冲突 - 灯箱和滑块

1 个答案: