Javascript燈箱2問題

我很新，所以請詳細解釋。我正在使用Lightbox 2 jQuery文件，以及另一個jQuery文件在我的圖像上執行菜單幻燈片動畫和淡入淡出動畫。我假設兩個jQuery文件之間存在衝突，但我不確定如何解決它。Javascript燈箱2問題

有什麼建議嗎？我讀了一些關於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" />

來源

2013-08-21 Christi Du Toit

你能描述一下你得到的結果，並給出你使用的另一個插件的名字嗎？ – Dan

嗨丹。添加了代碼。我的燈箱在一個新窗口中打開了圖像，而不是一個背景變暗的彈出窗口。 –

是否有你需要兩個理由？他們應該有幾乎相同的代碼，所以你只需要包含一個。我會用最新的。

如果你在你的帖子中包含你明確添加它們的代碼行，這將有助於我們看到你在做什麼。

來源

2013-08-21 18:03:50

啊，對不起。只是將代碼添加到問題中。 –

這不能成爲兩次包含jQuery的理由，除此之外，這是一個非常大的文件來強制用戶下載兩次！永遠不要包含jQuery的兩個實例！ – SeanKendle

它看起來像你正在加載兩個不同的jQuery版本（1.10.2和2.0.2），這是我相信，造成的問題。我建議刪除1.10.2 jQuery腳本，以及下列其中一項（如果您想嘗試全部3項，請按照順序排列）： - 查看您的lightbox插件是否仍然有效 - 查找相同的更新版本燈箱 - 使用不同的燈箱，例如fancybox

在任何情況下，請確保您的最終結果只有一個版本的jQuery被加載。

來源

2013-08-21 21:59:21 Dan

能夠用/javascript「>，或者我應該只從燈箱中取出腳本源代碼？ –

完全從Lightbox插件中取出額外的jQuery腳本，以查看它是否與您正在使用的版本有關。 – Dan

Javascript燈箱2問題

回答

相關問題