2013-02-26 55 views
0

所以我很新的網頁設計和Dreamweaver,但我已經成功地把東西相當雄厚在一起。我遇到的唯一問題是我的兩個主要的圖像 - 一個滑塊和一個燈箱畫廊 - 的JavaScript取消對方。如果一個人工作,另一個不能。這是頭部的代碼。有什麼建議?的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> 
+1

是'JS/jQuery的1.7.1.min.js'和'引擎/ JS/jquery.min.js'不同的版本? – 2013-02-26 00:49:34

+1

是的 - 嘗試取出那個'engine/js/jquery.min.js'包含並查看修復的內容。我敢打賭,第二個jQuery聲明吹掉了第一個插件。 – pjmorse 2013-02-26 00:51:55

回答

1

嘗試刪除第二個jquery實例。這可能會重新初始化jQuery對象,導致頁面失敗。

你只需要在頁面上的jQuery的一個實例。它看起來像你使用的插件比較老(即1.9以前版本),所以你應該嘗試舊版本的jQuery。如果1.7.x不起​​作用,請嘗試1.8.x版本。版本1.9刪除了可能阻止插件工作的幾個功能。

+0

當我刪除第二個實例(jquery.min.js)時,它只是讓另一個JavaScript工作。 – 2013-02-26 03:45:52