javascript - 将 div 的最小高度设置为另一个 div 的高度

Question

我的问题与这个问题类似:jQuery - Set min-height of div但有轻微的交替。

我在 Wordpress 中使用下拉菜单以及 RoyalSlider。 slider div 具有不断变化的高度值，具体取决于浏览器大小。

不过我认为我的结果有些奇怪。我正在使用链接问题中最受欢迎的答案给出的代码，并更改了元素以匹配我的代码:

$("#menu-main-menu > li.menu-parent-item > ul.sub-menu").css("min-height", function(){ 
    return $("#new-royalslider-1").height();
});

根据我的阅读方式，这会将 ul.sub-menu 的最小高度设置为 RoyalSlider div 的任何高度值。

尽管如此，无论浏览器窗口大小如何，它始终返回为 400px。

我这样做对吗？

Answer 1

尝试 jQuery's outerHeight()函数获取 slider 的“当前计算高度”，并在加载和调整大小事件时执行它:

function resizeMenu(){
    $("#menu-main-menu > li.menu-parent-item > ul.sub-menu").css("min-height",
        $("#new-royalslider-1").outerHeight()
    );
}

// Do this on load and on resize
$(window).load(resizeMenu).resize(resizeMenu);

JS Fiddle Demo

编辑:如果要将高度减去 40px，只需执行 ....outerHeight()-40。 Js Fiddle Demo