jQuery在Firefox 4中

Question

這段代碼工作正常，直到我去了火狐4，現在它需要兩次點擊同一圖像的大小工作？有什麼想法嗎？這是代碼。

$(document).ready(function(){ 

$("#slideShow a").click(function() { 
var imgTitle = $(this).children('img').attr('title'); // Find the image title 
$("#thecap").html(' ' + imgTitle + ' '); 
$("#lgImage").attr('src', $(this).children('img').attr('rel')); 
$(".resizeme1").aeImageResize({ height: 372 }); 
}); 

}); 

這裏是萬一有人插件代碼看到有東西在裏面？

(function($) { 



    $.fn.aeImageResize = function(params) { 

    var aspectRatio = 0 
     // Nasty I know but it's done only once, so not too bad I guess 
     // Alternate suggestions welcome :) 
     , isIE6 = $.browser.msie && (6 == ~~ $.browser.version) 
     ; 

    // We cannot do much unless we have one of these 
    if (!params.height && !params.width) { 
     return this; 
    } 

    // Calculate aspect ratio now, if possible 
    if (params.height && params.width) { 
     aspectRatio = params.width/params.height; 
    } 

    // Attach handler to load 
    // Handler is executed just once per element 
    // Load event required for Webkit browsers 
    return this.one("load", function() { 

     // Remove all attributes and CSS rules 
     this.removeAttribute("height"); 
     this.removeAttribute("width"); 
     this.style.height = this.style.width = ""; 

     var imgHeight = this.height 
     , imgWidth = this.width 
     , imgAspectRatio = imgWidth/imgHeight 
     , bxHeight = params.height 
     , bxWidth = params.width 
     , bxAspectRatio = aspectRatio; 

     // Work the magic! 
     // If one parameter is missing, we just force calculate it 
     if (!bxAspectRatio) { 
     if (bxHeight) { 
      bxAspectRatio = imgAspectRatio + 1; 
     } else { 
      bxAspectRatio = imgAspectRatio - 1; 
     } 
     } 

     // Only resize the images that need resizing 
     if ((bxHeight && imgHeight > bxHeight) || (bxWidth && imgWidth > bxWidth)) { 

     if (imgAspectRatio > bxAspectRatio) { 
      bxHeight = ~~ (imgHeight/imgWidth * bxWidth); 
     } else { 
      bxWidth = ~~ (imgWidth/imgHeight * bxHeight); 
     } 

     this.height = bxHeight; 
     this.width = bxWidth; 
     } 
    }) 
    .each(function() { 

     // Trigger load event (for Gecko and MSIE) 
     if (this.complete || isIE6) { 
     $(this).trigger("load"); 
     } 
    }); 
    }; 
})(jQuery); 

Answer 1

添加事件從這個（代碼你貼）點擊事件

內你的函數：

$(document).ready(function(){ 

$("#slideShow a").click(function() { 
var imgTitle = $(this).children('img').attr('title'); // Find the image title 
$("#thecap").html(' ' + imgTitle + ' '); 
$("#lgImage").attr('src', $(this).children('img').attr('rel')); 
$(".resizeme1").aeImageResize({ height: 372 }); 
}); 

}); 

這個

$(document).ready(function(){ 

$("#slideShow a").click(function(event) { 
var imgTitle = $(this).children('img').attr('title'); // Find the image title 
$("#thecap").html(' ' + imgTitle + ' '); 
$("#lgImage").attr('src', $(this).children('img').attr('rel')); 
$(".resizeme1").aeImageResize({ height: 372 }); 
}); 

}); 

注意到一個詞事件你的第二個函數（）

是否奏效？

Answer 2

只是猜測：

$(document).ready(function(){ 
     $("#slideShow a").click(function(e) { 
      e.preventDefault(); 

      var imgTitle = $(this).children('img').attr('title'); // Find the image title 
      $("#thecap").html(' ' + imgTitle + ' '); 
      $("#lgImage").attr('src', $(this).children('img').attr('rel')); 
      $(".resizeme1").aeImageResize({ height: 372 }); 
     }); 
}); 

Answer 3

請給一個嘗試FireQuery（用於Firebug使用），也許這個工具可以幫助你找出問題。

Answer 4

@ user520300：您也可以通過在不同的文件夾中安裝它比默認的和managing the two versions in separate profiles（本例中是3.0和3.5，但你可以通過類比其應用到3.6.16和4.0）測試中Firefox 3.6.16。不要忘了在你的FF 3.6.16上安裝Firebug (1.6.2)和Firequery，然後通過比較控制檯，你會看到是否有一些FF4問題阻止你的代碼工作正常，或者它只是一個配置錯誤（如this case）導致FF4中的奇怪行爲。

Answer 5

好友嘗試下載最新的jquery包並嘗試使用該js文件。我認爲問題是FF4不能正確支持舊版本的js文件。我不確定，但你可以試試。