jquery - 试图使两个高度相等

Question

我已经在这里搜索过这个，但我没有找到任何帮助我的东西。

我想让“小部件”的高度始终与“帖子”的高度相同。在这种情况下，“posts”总是比“widgets”高。

这就是我所拥有的：

       $(document).ready(function(){

            var widgets = $('.widgets-wrapper').height();
            var posts = $('#posts-wrapper').height();

            if ( widgets < posts ) {
                widgets == posts
            });

        });

如果我做错了什么，请告诉我，

谢谢！

Answer 1

您正在获取变量，但您需要实际更新对象。

还

widgets == posts

仅检查小部件是否等于帖子，它不会更改小部件。尝试：

 $(document).ready(function(){

            var widgets = $('.widgets-wrapper').height();
            var posts = $('#posts-wrapper').height();

            if ( widgets < posts ) {
                widgets = posts;
                $('.widgets-wrapper').height(widgets);
            });

        });

这仍然很笨拙，但它应该可以工作。

Answer 2

如果帖子总是更高，您不需要测试任何东西，只需设置高度以匹配

$('.widgets-wrapper').height($('#posts-wrapper').height());