2012-07-28 4 views
1

jquery를 사용하여 특정 div 클래스가있는 일련의 요소의 CSS 너비를 수동으로 작성하고 싶습니다. 나는, 문서 폭을 요청 변수로 녹음 한 다음 새 CSS '폭'규칙에 그 변수를 전달 ...하지만 내 JQuery와 능력이 너무 빈약하기 위해 노력하고있어jquery write css width

http://jsfiddle.net/ZEcCw/

아이디어가 있으십니까?

답변

1

이 시도 :

var documentWidth = $(document).width(); 
var fiftypercent = documentWidth /2; 
$(".block").each(function() { $(this).css("width",fiftypercent + "px") }); 

이 클래스 ".block"원하는 폭으로 모든 elemets을 줄 것입니다. 아마 당신은이 considder해야

$(".block").each(function() { $(this).css("width","50%") }); 
+0

첫 번째 옵션은 완벽하게 작동합니다. 나는 다른 이유로 몇 %의 것을 사용하려고 노력하고있었습니다 ... – user962642

+0

하지만이 클래스를 이미지에 적용한 다음 아래로 내리고 있습니다. 너비가 고정되어 있고 높이가 같지 않으므로 이미지가 늘어납니다. 각 요소가 원본 이미지와 비례하여 높이의 크기를 조정할 수 있습니까? – user962642

+0

@ user962642 : 상황에 따라이 문제에 대한 제안이 많이 있습니다. 이 사이트를보십시오 : http://techpp.com/2008/08/02/how-to-resize-the-images-using-css-without-losing-the-aspect-ratio/ 당신이가는 길. – Mithrandir

2

너는 현재 문자열 리터럴 "fiftypercent"로 너비를 설정하고 있습니다. 너는 변수fiftypercent을 의미합니다. 또한 선택기는 문자열이어야합니다.

$('.block').css("width", fiftypercent);​ 

오류가 발생한 원인은 무엇입니까? JavaScript를 사용하면 작동하지 않는 것으로 보이는 항목이 있으면 오류 콘솔을 살펴 보는 것이 좋습니다. 내가 선택 따옴표 (.block)를 추가하고 변수를 참조 fiftypercent 따옴표를 제거

var documentWidth = $(document).width(); 
var fiftypercent = documentWidth /2; 
$(".block").css("width", fiftypercent); 

참고 :

+0

http://jsfiddle.net/ZEcCw/16/ –

1

당신은 당신의 따옴표를 엉망.

+0

나는의 다음 부분을 추가 할 때까지이 작동 코드 ... 오전 내가 방금 다른 jquery 언어 물건을 놓친? http : //jsfiddle.net/zecCw/28/ – user962642

0

시도가 잘못된 장소에서이

var documentWidth = $(document).width(); 
var fiftypercent = documentWidth /2; 
$('.block').css("width",fiftypercent)​​​​​​​​​​ 
0

당신이 사용하고 인용 부호를하고. 당신이 사용자 창 크기를 조정할 때 사업부의 크기를 변경하려면 다음을 시도 할 수 있습니다 :

$(window).resize(function(){ 
    var doc = $(document).width(); 
    $(".block").css("width", (doc/2)); 
}).resize()