jQuery Error: Invalid object initializer

Question

I have the following code in my page:

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

and then below in the site:

<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>

But my Firefox error console says "invalid object initializer" and points to this line if click the entry. Where is the error? It seems right to me

Nick Craver · Accepted Answer · 2010-08-26 10:06:28Z

6

It's this bit on the end:

'overflow:auto'

That should be:

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

Overall it should look like this:

$(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);
});

Even if it's a constant value, the format still has to be { name: 'value' }, a single string just isn't valid syntax :)

answered Aug 26, 2010 at 10:06

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Error: Invalid object initializer

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related