Ошибка jQuery: неверный инициализатор объекта

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' }, единственная строка просто не имеет допустимого синтаксиса:)