jQuery選擇器作爲參數不起作用

Question

我有這個小函數來打印圖像大小。 雖然它的工作原理，但我只是呼叫功能 與size('#prototype);例如，它不再在resize('#protoimg)上工作。

爲什麼？任何人都可以幫我解決問題嗎？

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

Answer 1

試試這個：

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

如果#protoimg是圖像文件時，請確保您設置屬性width="100%"以避免溢出。

Answer 2

嘗試把刪除的function size(a)出$(document).ready();的，把裏面$(window).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'); 
}); 
    }); 

Answer 3

只要記住，在$（窗口）.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'); 
    }); 
)};