Question

我正在修改此页面：http://spicyyeti.com/story_archive.html 到目前为止，下拉菜单的代码如下所示：

    $(window).load(function() {
     $('.item + .dropdown').each(function () {
            $(this).attr('data-height', $(this).height()).height(0);
        });

     $('.item').click( function() {
        $dropdown = $(this).find('+ .dropdown');
        if ($(this).hasClass('open')) {
            $(this).removeClass('open');
            $dropdown.animate({ height:'0' }, 400, "swing", function () {
                $(this).hide();
            });
        } else {
            $(this).addClass('open');
            $dropdown.show().animate({ height: $dropdown.attr('data-height') }, 400, "swing");
        }
    });

如果单击下拉菜单并调整页面大小，无论是打开菜单还是重新打开菜单，下拉菜单的高度都保持不变。下拉菜单中的内容会进行调整，但下拉高度保持太低会隐藏图像（并且它看起来太高了）。我希望下拉高度随内部内容调整。我试图使用此代码：

     $(window).resize(function() {
        $dropdown.height(function(){
            $('.item + .dropdown').height();
            });
        });

但它没有用。帮助

Answer 1

试试这个。

     $(window).resize(function() {
        $dropdown.height($('.item + .dropdown').height());
    });

尝试使我的jquery下拉菜单的高度根据窗口大小调整进行调整

1 个答案: