Question

我的问题是这个问题的问题：jQuery - Set min-height of div但略有改动。

我正在使用Wordpress中的下拉菜单以及RoyalSlider。滑块div具有更改的高度值，具体取决于浏览器大小。

我认为我有一些奇怪的结果。我正在使用在链接问题中作为最受欢迎的答案给出的代码，并将元素更改为与我的代码匹配：

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

从我的阅读方式来看，这将把ul.sub菜单的最小高度设置为RoyalSlider div的高度值。

虽然，无论浏览器窗口的大小如何，它总是以400px的形式返回。

我这样做了吗？

Answer 1

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

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

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

1 个答案:

JS Fiddle Demo