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 demo

很简单，您需要在获得新的#sna高度之前重置类高度！看一看：

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

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

如果您在.sn_cat内使用图片，最好还在resizeColumns()上调用$(window).load功能

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

1 个答案:

jsFiddle demo