jquery를 사용하여 특정 div 클래스가있는 일련의 요소의 CSS 너비를 수동으로 작성하고 싶습니다. 나는, 문서 폭을 요청 변수로 녹음 한 다음 새 CSS '폭'규칙에 그 변수를 전달 ...하지만 내 JQuery와 능력이 너무 빈약하기 위해 노력하고있어jquery write css width
아이디어가 있으십니까?
jquery를 사용하여 특정 div 클래스가있는 일련의 요소의 CSS 너비를 수동으로 작성하고 싶습니다. 나는, 문서 폭을 요청 변수로 녹음 한 다음 새 CSS '폭'규칙에 그 변수를 전달 ...하지만 내 JQuery와 능력이 너무 빈약하기 위해 노력하고있어jquery write css width
아이디어가 있으십니까?
이 시도 :
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%") });
너는 현재 문자열 리터럴 "fiftypercent"로 너비를 설정하고 있습니다. 너는 변수fiftypercent
을 의미합니다. 또한 선택기는 문자열이어야합니다.
$('.block').css("width", fiftypercent);
오류가 발생한 원인은 무엇입니까? JavaScript를 사용하면 작동하지 않는 것으로 보이는 항목이 있으면 오류 콘솔을 살펴 보는 것이 좋습니다. 내가 선택 따옴표 (.block)를 추가하고 변수를 참조 fiftypercent 따옴표를 제거
var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$(".block").css("width", fiftypercent);
참고 :
http://jsfiddle.net/ZEcCw/16/ –
당신은 당신의 따옴표를 엉망.
나는의 다음 부분을 추가 할 때까지이 작동 코드 ... 오전 내가 방금 다른 jquery 언어 물건을 놓친? http : //jsfiddle.net/zecCw/28/ – user962642
시도가 잘못된 장소에서이
var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$('.block').css("width",fiftypercent)
당신이 사용하고 인용 부호를하고. 당신이 사용자 창 크기를 조정할 때 사업부의 크기를 변경하려면 다음을 시도 할 수 있습니다 :
$(window).resize(function(){
var doc = $(document).width();
$(".block").css("width", (doc/2));
}).resize()
첫 번째 옵션은 완벽하게 작동합니다. 나는 다른 이유로 몇 %의 것을 사용하려고 노력하고있었습니다 ... – user962642
하지만이 클래스를 이미지에 적용한 다음 아래로 내리고 있습니다. 너비가 고정되어 있고 높이가 같지 않으므로 이미지가 늘어납니다. 각 요소가 원본 이미지와 비례하여 높이의 크기를 조정할 수 있습니까? – user962642
@ user962642 : 상황에 따라이 문제에 대한 제안이 많이 있습니다. 이 사이트를보십시오 : http://techpp.com/2008/08/02/how-to-resize-the-images-using-css-without-losing-the-aspect-ratio/ 당신이가는 길. – Mithrandir