IE火災時的onResize身體調整大小

Question

我有以下的功能 - 它在Firefox正常工作：

我如何我能得到這個火的身體調整在IE？

function sizeColumnHeadings() { 
    var $headingsTable = $('#TopicPostList_hdiv > table').eq(0), 
     $rowsTable = $('#TopicPostList_div > table').eq(0); 

    if ($headingsTable.length && $rowsTable.length) { 
     $headingsTable.width($rowsTable.width()); 
    } 
} 




$(window).on('resize', function() { 
     sizeColumnHeadings(); 
    }).trigger('resize'); 

Answer 1

如果您使用jQuery，我發現下面的代碼可以在IE，Firefox和Chrome中使用。

var cnt = 0; 
// this is called when the document finishes loading (similar to onLoad in the body tag) 
$(function() { 
    // this asssigns a callback function each time the browser is resized 
    // it turns out that it is triggered multiple times on one resize 
    $(window).resize(function() { 
     cnt++; 
     // this code simply displays the # of times the callback is triggered 
     // I defined a <div id=show> in the body, and this updates its html. 
     $('#show').html('cnt = ' + cnt); 
    }); 
}); 

我推薦使用jquery來解決這類問題，因爲它經常會處理不同瀏覽器之間的不兼容問題。