Jquery .css 不将高度属性应用于 div

Question

我正在开发一个网站，对 jquery 还很陌生。出于某种原因，当我在一个 div 上使用 .css() 函数时，它不会改变高度。它适用于另一个 div 但不适用于这个。这是网站的链接:

http://dev.djrefine.com/epic/index111.html

要激活相关功能，请单击灰色框打开任何文章，然后单击右上角的白色“关闭”框。

有问题的代码位于第 506 行，也就是这段代码的第六行:

        var $wWidth = $(window).width();
        var $wHeight = $(window).height();

        var $newheight = Math.round($wHeight * 0.8 - 200) + 'px';

        $('#container').css('height',$newheight);

        $('#theThing').html($newheight);
        $('#thisThing').html($('#container').css('height'));

        $('#makeMeScrollable').css({'height':$wHeight * 0.8 - 200,'width':$wWidth - 260});

div #makeMeScrollable 正在正确调整其 css，但 #container div 不是。

div #theThing 和#thisThing 只是显示 $newheight 是正确的数字，但容器高度并未设置为等于该数字，正如您在演示页面中看到的那样

我还尝试让 $newheight 不四舍五入，不在末尾添加“px”，以及我能想到的所有其他变体......

Answer 1

找到一个修复..

    setTimeout(function(){
        $('#container').css('height',$newheight);
        $('#thisThing').html($('#container').css('height'));
        $container.isotope( 'reloadItems' ).isotope({ sortBy: 'original-order' });
        $container.isotope( 'reLayout' );
        }, 0);

感谢 Alex Sexton 在这篇文章中的回答:

recalculate element height in jQuery after class change

它基本上将超时 0 秒内的内容延迟，但将其放在那里会强制他们等待，直到函数的其余部分完成。我不知道为什么它是必要的，但它起作用了。