2012-07-21 7 views
0

jquery masonry 플러그인 상자의 CSS 속성을 동적으로 변경하려고합니다.jquery masonry CSS with javascript

본질적으로 상자를 확장하고이 코드를 만들 겠지만 결과는 없습니다.

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

클릭 할 때 블록의 너비가 500px로 변경 될 것으로 예상되지만 그렇습니다.

javascript를 통해 동적으로 변경되는 CSS에 대한 통찰력이 우수 할 것입니다. 감사!

+0

에 핸들러 내부 그것은 나에게 보이지 않는 $의 container'는 문자열'처럼 그것은'getElementById()'호출이 작동해야하는 경우가되어야합니다. 어쨌든 jQuery 코드에서'getElementById()'를 사용하고있는 이유는 무엇입니까? – Pointy

+0

글쎄, 나는 온라인으로 튜토리얼을 사용하려고 노력했다. $ container.style.width만으로 시작했지만 그 또한 작동하지 않았습니다. – Adola

답변

2

당신이 필요로하는 모든은 : "클릭"처리기

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

. (즉, "컨테이너"크기를 변경할 상자가 있다고 가정합니다.)

1

변경을

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