jquery - 在页面加载和窗口调整大小时调整 div 大小

Question

好的，所以我正在尝试从 id 获取高度sna并将其添加到三个 DIV，并.sn_cat在页面加载和窗口调整大小时使用该类。该脚本添加了非常奇怪的值，或者根本不起作用。我只想看到使用 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，最好也调用你的resizeColumns()函数$(window).load