Question

我的页面中有以下代码：

<div id="data_body_container" style="overflow: auto; width: 880px; height: 500px;">
...
</div>

然后在网站下方：

<script type="text/javascript">
        $(window).resize(function() {
                    var windowWidth = $(window).width() - 50;
                    var windowHeight = $(window).height() - 50;

            $('#data_body_container').css({'width': windowWidth+'px', 'height': windowHeight+'px','overflow:auto'});

       alert('Resize to '+ windowWidth + 'x'+windowHeight );
        })

    </script>

但我的Firefox错误控制台显示“无效对象初始化程序”并指向此行，如果单击该条目。错误在哪里？对我来说似乎是对的

Answer 1

最后这一点：

'overflow:auto'

应该是：

overflow: 'auto'
//or, to match your styling...
'overflow': 'auto'

总的来说，它应该是这样的：

$(window).resize(function() {
  var windowWidth = $(window).width() - 50,  
      windowHeight = $(window).height() - 50;

  $('#data_body_container').css({'width': windowWidth+'px', 'height': windowHeight+'px', 'overflow': 'auto'});
  alert('Resize to ' + windowWidth + 'x' + windowHeight);
});

即使它是一个常量值，格式仍然必须是{ name: 'value' }，单个字符串只是无效的语法：）

jQuery错误：无效的对象初始化程序

1 个答案: