Question

确定。所以我使用以下代码来调整div的高度，但由于设计是流畅的（我不想修复它）。它工作得很好，但是一旦高度改变而没有重新加载页面，高度将具有错误的值。

所以，我需要添加某种检查，如果高度已经改变，然后在没有页面重新加载的情况下更新它。 我只想要jQuery解决方案，请不要提交任何CSS解决方案，因为脚本也将用于不是孩子或父母的div。

    $("#conten_area .sticky_note:has(.right_panel)").each(function (index, value) {
    var $this = $(this);
        current = $this.height();
        current = current+22;

        $this.find(".right_panel").height(current);

});

Answer 1

以下应该做你需要的。除非您创建自定义事件并从其他代码触发它以运行resizePanels函数，否则没有可用于其他代码或用户交互所做更改的侦听器。

function resizePanels() {
    $("#conten_area .sticky_note:has(.right_panel)").height( function(index, height) { 
        $this.find(".right_panel").height(height +22);
    });
}

/* resize panels when window resized*/
$(window).resize(function(){
     resizePanels();
})

/* resize panels on page load*/
$(function(){
    resizePanels();

})

jQuery检查高度是否改变

1 个答案: