使用window.resize在圖像上再次運行加載函數？

Question

我的設計是這樣的：

<img class="imgtest" src="img.png" onload="scaleimg(event)" /> 

現在，我要再次呼籲scaleimg(event)函數圖像時具有的尺寸重新調整窗口.imgtest類。

我試過了，但它不工作。

$(window).resize(function() { 
    $("img").one('load', function(){ 
     scaleimg(event); 
    }); 
    }); 

幫我修復它。謝謝你的幫助。

Answer 1

你可以嘗試這樣做只是

$(window).resize(function() { 
     scaleimg(); 
    }); 

Answer 2

您應該避免使用內嵌的JavaScript - 對於你的問題，你可以在觸發窗口上的resize事件再次運行scaleimg()當DOM準備好，然後：

$(document).ready(function() { 
    // When DOM is ready, go through each <img> with the class '.imgtest' 
    $('img.imgtest').each(function() { 
     scaleimg(event); 
    }); 

    // Listen to resize event on $(window) 
    $(window).resize(function() { 
     $('img.imgtest').each(function() { 
      scaleimg(event); 
     });   
    }); 
}); 

更妙的是，你可以解僱的.resize()時再DOM是通過鏈接準備，爲自己節省的幾行代碼：

$(document).ready(function() { 
    // Listen to resize event on $(window) 
    $(window).resize(function() { 
     $('img.imgtest').each(function() { 
      scaleimg(event); 
     });   
    }).resize(); // Notice the chaining 
});