Question

我没有太多 jQuery 的经验。

我需要在更改浏览器窗口时动态设置rows的{{1}}属性。

这是我的框架集：<frameset>

我使用的jQuery是：

<FRAMESET BORDER='0' ROWS="112,*" id='reSizeWindow'>

这不起作用所以我用过：

 $('#reSizeWindow').css('rows', $(window).height()+50+'px');

我在这里收到错误：

el NULL

请帮我找一个正常工作的 javascript / jQuery 。

Answer 1

试试这个

$(document).ready(function () {
$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.height() <= 1000) 
       {
          parent.document.getElementsByTagName( 'frameset' )[ 0 ].rows = '108,*'
       }
      else { parent.document.getElementsByTagName( 'frameset' )[ 0 ].rows = '150,*' }
});
});

Answer 2

以下代码在Sridhar R的帮助下为我工作。

<script type="text/javascript" language="javascript">
$(document).ready(function () {
    $(window).on('resize', function(){
        var win = $(this);
        if (win.width() <= 1000) { // width() and not height()
            parent.document.getElementsByTagName( 'frameset' )[ 0 ].rows = '150,*';
        } else {
            parent.document.getElementsByTagName( 'frameset' )[ 0 ].rows = '108,*';
        }
    });
});
</script>

在窗口大小更改时动态设置行

2 个答案: