在頁面加載和窗口調整大小時調整div的大小

Question

好的，所以我試圖從id sna獲取高度，並將其添加到頁面加載和窗口大小調整都帶有類.sn_cat三個DIV中。 該腳本添加了非常奇怪的值，或者根本不起作用。 我只想查看使用jQuery的建議。 此高度將用於CSS無法達到的部分（無父子關系）。

$(function (){
    /* Resize right Sticky notes Height */
    function resizeColumnHeigh() {  

            var snaHeight = $("#sna").height();

            $(this).find(".sn_cat").height(snaHeight);


    }   
    /* On window resize adjust the height */
    $(window).resize(function(){
         resizeColumnHeigh();
    });

    /* Run function */
    resizeColumnHeigh();        

});

可以玩的小提琴： http : //jsfiddle.net/v4HJ5/

Answer 1

jsFiddle演示

很簡單，您需要在獲得新的#sna高度之前重置班級高度！ 看一看：

function resizeColumns() {
    $('.sn_cat').css({height:'auto'}).height( $('#sna').height() );
}
resizeColumns();

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

如果在.sn_cat使用圖像，則最好在$(window).load resizeColumns()上調用resizeColumns()函數$(window).load