跨瀏覽器庫的兼容性，.load（）問題？

Question

我遇到一些跨瀏覽器的兼容性問題。 我沒有將所有代碼都放在此處，而是將您鏈接到該頁面： http : //www.smaskerando.org/spettacoli/disney.html
在頁面的左下角，您可以看到一個小畫廊。 單擊較小的縮略圖時，較大的照片版本會顯示在屏幕中間。 它在Chrome上可以完美運行，但在Firefox和Internet Explorer上卻有問題。
我認為問題出在以下幾行：

$(".galleryPopUp").load(function(){
    var width = $(this).width()
    var height = $(this).height()

      if (width < height)
      {$(this).css("width","25%")}

      else
      {$(this).css("width", "50%")} 
})

他們似乎無法識別.load（）方法。
您可以從頁面中找到完整的代碼，以查找文件“ script.js”並轉到第379行（完整的圖庫功能）。

您知道如何解決嗎？
謝謝你們！

Answer 1

您應該將自己的腳本放在jQuery調用下，因為您正在使用jQuery，並且在調用它時可能不可用。

可能不是原因，而是一種實踐。

我在Chrome上嘗試過，看起來效果不錯。

Answer 2

好的，我找到了解決方案！ 我希望它能有所幫助。 問題不在於.load() 。 這與我要附加的div有關。 到現在為止，我實際上還沒有注意到：
Firefox和Internet Explorer自動引用我插入的圖像的屬性src的值。 Chrome無法做到這一點。 所以要更清楚：
這是在chrome上發生的事情：

... <img src="img/example.jpg" />

這發生在firefox / IE：

... <img src=""img/example.jpg"" />

因此，很明顯，Firefox無法識別圖像。 我使用jQuery migration解決了這個問題，並在if ( $.browser.mozilla )添加了這一行if ( $.browser.mozilla )並在使用firefox時從字符串中刪除了“”。
無論如何，謝謝您的快速解答！