页面加载

Question

jQuery(window).load(function() { 
    jQuery.each(jQuery(".extraimgs"), function() { 
     //this.height = 0 and this.width=0 in IE only 
     if (this.height > this.width) { 
      if (this.height > 263) { 
       this.height = 263; 
      } 
      if (this.width > 354) { 
       this.width = 354; 
      } 
     } 
     else { 
      this.height = 263; 
      this.width = 354; 
     } 
    }); 
}); 

HTML代码

<asp:DataList runat="server" ID="dlImages" RepeatColumns="2" RepeatDirection="Horizontal" RepeatLayout="Table" OnItemDataBound="dlImages_ItemDataBound" Style="display: none;"> 
    <ItemTemplate> 
     <div> 
      <asp:Image runat="server" ID="imgPics" class="extraimgs" /> 
     </div> 
    </ItemTemplate>         
</asp:DataList> 

过程中没有的高度和在IE中的图像的宽度我有问题，这个代码在IE中。在这里，我设置了运行时图像的高度和宽度（页面加载事件 - 使用jQuery）以及使用代码隐藏的图像源。

此代码工作得很好，除了IE8所有的浏览器。在页面加载事件中，我得到了图像的高度和宽度，但我没有得到IE8中图像的高度和宽度。我在加载事件中尝试了很多以获取图像的高度和宽度，但它不起作用。

有谁知道解决方案吗？

Answer 1

$(document).load()或$(document).ready()而不是$(window).load()？

Answer 2

试试这个：

jQuery(document.body).load(function() { 
     jQuery(".extraimgs").each(function (i) { 
     if (this.height > this.width) { 
      if (this.height > 263) { 
       this.height = 263; 
      } 
      if (this.width > 354) { 
       this.width = 354; 
      } 
     } 
     else { 
      this.height = 263; 
      this.width = 354; 
     } 
     }); 
    }); 

Answer 3

OK，下面是应该工作，按照我上面的注释版本：

jQuery(function() { 
    jQuery(".extraimgs").load(function() { 
     var $this = $(this); 
     if ($this.height > $this.width) { 
      if ($this.height > 263) { 
       $this.height = 263; 
      } 
      if ($this.width > 354) { 
       $this.width = 354; 
      } 
     } 
     else { 
      $this.height = 263; 
      $this.width = 354; 
     } 
    }); 
});