0

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

<!-- 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>
4

1 回答 1

1

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

页面上只需要一个 jQuery 实例。看起来您使用的插件较旧（即 pre-1.9），因此您应该尝试使用旧版本的 jQuery。如果 1.7.x 不起作用，请尝试 1.8.x 版本。1.9 版删除了一些可能会阻止插件工作的功能。

于 2013-02-26T00:51:51.110 回答