jquery - jQuery图像宽度和高度不适用于IE

Question

<script type="text/javascript">
     $(document).ready(function () {

         $("#aspnetForm img").load(function () {
             $(this).width(64);
             $(this).height(64);
         });
     });
</script>

 <asp:TemplateField>
                <ItemTemplate>
                <img alt="" runat="server" class="pic" style="cursor:pointer" src='<%# StripHTML(Eval("cat_img").ToString()) %>'  />
                </ItemTemplate>
                </asp:TemplateField>

它适用于 Chrome，但不适用于 IE。请帮我。我的图像是<p> <img src=....>数据库中的 html 标签。我清除了 striphtml 方法。

Answer 1

ready事件使用时尚未加载图像，$(window).load()而是ready仅加载 DOM 结构，但不加载真实图像。就像你有img标签但还没有文件

---

好的，您的问题完全不同，您正在寻找这个，我的错误您只想迭代一些图像并使它们成为 64x64 应该可以工作

$(document).ready(function () {
    $("#aspnetForm img").each(function () {
         $(this).width(64).height(64);
    });
});

或者

$(document).ready(function () {
    $("#aspnetForm img").each(function () {
        $(this).css({width:64+'px',height:64+'px'});
    });
});

如果要获取每个图像的宽度，则应等待 img 加载

 $(window).load(function () {
     var width, height;
     $("#aspnetForm img").each(function () {
         width = $(this).width();
         height = $(this).height();
         //store the current img width or height or do whatever
     });
 });

Answer 2

试试这个：

$(document).ready(function () {
    $("#form img").css({"height":"64px","width":"64px"});
});   

小提琴：http: //jsfiddle.net/devWaleed/6eas3/4/

Answer 3

不要使用.load()，它已被弃用。

试试这个，应该适用于所有浏览器：

$(document).ready(function() {
    $('#aspnetForm img').css('width', '64px')
                        .css('height', '64px');
});

Answer 4

试试这个：

参考：http ://api.jquery.com/load-event/

$(document).ready(function() {
    $("#aspnetForm img").load(function() {
        alert($(this).height());
        alert($(this).width());
    });
});

这是另一种方法：DEMO

function imageSize(img){
   var theImage = new Image();
   theImage.src = img.attr('src');
   var imgwidth = $(img).width();
   var imgheight = $(img).height();

   alert(imgwidth);
   alert(imgheight);
}

$('img').each(function(){
    var imgsrc = jQuery(this);
    imageSize(imgsrc);
});