javascript - 如何使用jquery在css中使用窗口高度

Question

我需要什么

• 我需要在 class row flush aligncenter popbx 中附加窗口高度。

• 我想在特定类中附加窗口高度。

          var height=$(window).height();
           //height say 1200.
          jQuery('.row flush aligncenter popbx').css({ "height": height + 'px' });;
  
          if (page > 4)
          {
              $('body').html('<div class="row flush aligncenter popbx" >
          }
  

• 我试图从 http://andylangton.co.uk/blog/development/get-viewport-size-width-and-height-javascript 获得帮助.

• $('body').html('style="height: 1200px"')

  工作正常，但为什么在 html 中使用高度变量会出现问题。

Answer 1

修正了你的代码:

if (page > 4) {
     $('body').html('<div class="row flush aligncenter popbx">');
     $('.row.flush.aligncenter.popbx').css({ "height": $(window).height() });;
}

1. .html() 错误
2. 您必须在元素创建之后分配 css 属性，而不是之前，因为那样您指的是空对象
3. 您指的是错误的 .row.flush.aligncenter.popbx(缺少类名点)
4. 不需要+'px'