2016-07-19 2 views
0

イメージサイズを印刷するこの小さな機能があります。 をsize('#prototype);と呼び出すと機能しますが、それはもうresize('#protoimg)では機能しません。パラメータとしてのjQueryセレクタが機能しない

なぜですか?誰も助けてくれますか?

$(document).ready(function(){ 
    function size(a){ 
    var height = $(a).height(); 
    var width = $(a).width(); 
    $('#picbox').find('p.size').remove(); 
    $('#picbox').append('<p class="size">' + width + '-' + height + '</p>'); 
    } 

    size('#protoimg'); 
    $(window).resize(size('#protoimg')); 
)}; 
+0

文字が欠落していませんか? - > size( '#プロトタイプ'); – kapantzak

+0

jQueryのreadyラップから$(window).resizeラップを移動します。 –

答えて

1

これを試してみてください:#protoimgは、画像ファイルである

$(function() { 
     size('#protoimg') 
    }); 

    $(window).resize(function() { 
     size('#protoimg'); 
    }); 

    function size(a){ 
     var height = $(a).height(); 
     var width = $(a).width(); 
     $('#target').html('<p class="size">' + width + '-' + height + '</p>'); 
    } 

場合は、オーバーフローを避けるためにwidth="100%"を属性を設定してください。ただ、$(ウィンドウ).resize(パラメータ)必要性を覚えて

function size(a){ 
    var height = $(a).height(); 
    var width = $(a).width(); 
    $('#picbox').find('p.size').remove(); 
    $('#picbox').append('<p class="size">' + width + '-' + height + '</p>'); 
    } 
$(document).ready(function(){ 
$(window).resize(function() { 
    size('#protoimg'); 
}); 
    }); 
+0

hm、まだ動作していません – Gregor

+0

ありがとうございます、これは現在動作しています。私は混乱している、なぜ私のコードで動作していないが、それは動作します:) – Gregor

+0

あなたは大歓迎です。 :) –

0

$(document).ready();のうちfunction size(a)を削除して、このよう

$(window).resize();を入れて置くようにしてくださいファンクションをパラメータに使用しますが、サイズ( '#protoimg')はfunction.soの結果です。正しいコードは

です。
$(document).ready(function(){ 
    function size(a){ 
    var height = $(a).height(); 
    var width = $(a).width(); 
    $('#picbox').find('p.size').remove(); 
    $('#picbox').append('<p class="size">' + width + '-' + height + '</p>'); 
    } 

    size('#protoimg'); 
    $(window).resize(function(){ 
     size('#protoimg'); 
    }); 
)}; 
0

関連する問題