2012-03-16 98 views
0

我正在使用LightBox2獲取簡單的圖片庫。我設法使它工作,但現在它與我從我的頁面引用的另一個JavaScript腳本文件衝突。lightbox2與腳本衝突

我的腳本使用$(document).ready(function() {

我不知道這是否是相關或不但是我知道,在一個點瀏覽器的調試器抱怨它。

對此有何見解?

============================================== ============== 我包含了部分產生錯誤的代碼。雖然這工作正常。

var currs = {};

jQuery.noConflict();

jQuery(document).ready(function() { 
    var marketTypeSel = document.getElementById("selMarketType"); 
    var propertyTypeSel = document.getElementById("selPropertyType"); 
    var propertyStatusSel = document.getElementById("selPropertyStatus"); 
    var zoneSel = document.getElementById("selZone"); 
    var locSel = document.getElementById("selLocalities"); 
    var currSel = document.getElementById("selCurrency"); 
    var priceFromSel = document.getElementById("selPriceFrom"); 
    var priceToSel = document.getElementById("selPriceTo"); 

    //var data = {}; 

    marketTypeSel.length = 0; 
    propertyTypeSel.length = 0; 
    propertyStatusSel.length = 0; 
    zoneSel.length = 0; 
    locSel.length = 0; 
    currSel.length = 0; 

    jQuery.ajax({ 
     type: "POST", 
     url: "/Search/LoadInitSearchParameters", 
     //data: data, 
     dataType: "json", 
     success: function (result) { 
+0

它在所有瀏覽器中是否存在衝突?手段通常在IE中發生問題。 – 2012-03-16 09:35:29

+0

是的所有瀏覽器:/ – Jonny 2012-03-16 09:36:51

+0

我同意@devtut。你試過jQuery.noConflict()嗎? – 2012-03-16 09:39:43

回答

4

可以使用,當使用jQuery的下方

var Jk = jQuery.noConflict(); 
Jk(document).ready(function(){ 


}); 
+0

嘗試已經沒有工作:/ – Jonny 2012-03-16 09:45:07

+0

是的,設法使它工作有一個錯誤在我的js文件,今天糟糕的一天!非常感謝 – Jonny 2012-03-16 16:36:19

0

這樣沒有衝突,你可以使用

​​

JQuery(document).ready(function(){ 


}); 

簡單地使用jQuery,而不是$ jqu ery

0

如果它仍然不起作用,做一件事情就是在關閉身體標記之前添加所有腳本ref,而不是頭標記。我面臨同樣的問題,這個技巧對我來說很有用。

像下面

<body> 
     <div>Dummy Data</div> 
     <div>Dummy Data</div> 
     <script src="/App_Themes/lib/jquery-1.6.2.min.js" type="text/javascript"></script> 
     <script src="/App_Themes/lib/jquery.jcarousel.js" type="text/javascript"></script> 
     <script src="/App_Themes/lib/jquery.easing.1.2.js" type="text/javascript"></script> 
     //Also lightbox ref 
</body> 
+0

nope:/ ...什麼都不會工作...我會嘗試類似於燈箱的東西 – Jonny 2012-03-16 10:06:46

0

這是Lightbox2 2.8.1。

當你使用jQuery(document).ready(function() {});這將停止從初始化燈箱。

我發現我必須添加lightbox.init(),因爲我的代碼正在停止lightbox2的加載。

$(function() { 
    lightbox.init(); 
    // other code 
}