使用javascript更改jquery石工css

Question

I'm trying to dynamically change the css properties of a jquery masonry plugin box.

Essentially, I'm going to make the box expand, i've this code, but it yields no results.

$container.click(function(){
    var elem = document.getElementById($container);
    elem.style.width="500px";
});

I expect for the width of the block to change to 500px when I click on it, but it doesn't.

Any insight on dynamically changing css via javascript would be great. Thanks!

Answer 1

All you need is:

$(this).css('width', '500px');

in the "click" handler. (That's assuming that the "container" is the box whose size you want to change.)

Answer 2

将处理程序内部更改为

   $container.css({width:"500px"});