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

试试这个：

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

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

Answer 2

图像尚未在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 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);
});