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 メソッドをクリアしました。

score 0 · Accepted Answer

代わりにreadyイベント使用時に画像はまだロードされていませんDOM 構造のみがロードされ、実際の画像はロードされません。タグはあるがファイルはまだないようなものです$(window).load()readyimg

OKあなたの問題はまったく異なります、あなたはこれを探しています、私の間違いですいくつかの画像を繰り返して、動作するはずの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'});
    });
});

各画像の幅を取得したい場合は、画像が読み込まれるまで待つ必要があります

 $(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
     });
 });

score 0 · Accepted Answer

これを試してください：

参考：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);
});

score 0 · Accepted Answer

代わりにこれを試してください：

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

フィドル: http://jsfiddle.net/devWaleed/6eas3/4/

score 0 · Accepted Answer

使用しないでください.load()。非推奨です。

これを試してみてください。すべてのブラウザーで機能するはずです。

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

jquery - jquery画像の幅と高さがIEで機能しない

4 に答える 4

Related

Reference