2012-09-18 7 views
-7
<body> 
<a href="link" id="left-link" style="position: fixed; width:0px; height: 100%; "></a>` 
<a href="link" id="right-link" style="position: fixed; width: 0px; right: 0px; height: 100%; "></a> 
<div id="page-wrap"> .... </div> 

<script> 
(function($) { 
jQuery(window).resize(function(){ 
 var width = jQuery('#page-wrap').css('margin-left'); 
 jQuery('#left-link').css({width: width}); 
 jQuery('#right-link').css({width: width}); 
}); 

var width = jQuery('#page-wrap').css('margin-left'); 
jQuery('#left-link').css({width: width}); 
jQuery('#right-link').css({width: width}); 

})(jQuery); 
</script> 

이 스크립트를 만들지 만 Firefox에서는 재생되지 않아 버그를 찾을 수 없습니다. Chrome과 IE가 올바르게 재생됩니다.Firefox가 내 JavaScript를 실행하지 않습니다.

+1

참고 :'(function ($) {...}) (jQuery)'의 요점은'{...} '안에'jQuery' 대신'$'를 사용할 수 있도록하기 위해서입니다 – Dylan

+0

작동하지 않는 것은 무엇입니까? 초기 할당을 할 때 DOM이 준비되지 않았을 수 있습니까? '너비 '에 어떤 가치가 있습니까? – some

+0

크롬 및 페이지 너비에 따라 0px에서 다른 숫자로 너비가 변경됩니다. 파이어 폭 너비 변경 안돼! –

답변

0

그러면 작동하지 않는 것은 무엇입니까?

크기를 조정할 때 실행해야하는 코드입니까? 방화 광에서 브레이크 포인트를 사용하여 테스트하거나 콘솔에 무엇인가를 인쇄하십시오. Btw. 당신은이

$(window).on("resize", function() { /* your stuff here */ }); 

처럼 작성하거나 당신이 조작하려는 두 요소의 너비를 조정하지 않습니다에 의해 더 잘 만들 수 있을까? 이 경우 너비 변수가 보유하고있는 값을 자세히 살펴보아야하며 어쩌면 파이어 폭스에서 계산됩니다.

+0

http://jsfiddle.net/kgq9n/ 죄송합니다. 크롬에서 – sra

+0

의 문제가 보이지 않습니다. 즉, 페이지 너비에 따라 0px에서 다른 숫자로 너비가 변경됩니다. 파이어 폭 너비에서 변경 및 버그를 찾을 수 없습니다. –

관련 문제