2012-09-18 49 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)'的意義在於,您可以使用'$'來代替'{...}' – Dylan

+0

內的'jQuery'它是什麼不起作用?當你完成初始任務時,DOM是否準備好了?你在'width'中獲得什麼價值? – some

+0

在鉻和在ie寬度從0px更改爲其他數字根據頁面的寬度。在Firefox的寬度不要改變! –

回答

0

那它是什麼不起作用?

它是應該在調整大小上執行的代碼?通過在螢火蟲中使用斷點來測試它,或者只是在控制檯上打印一些東西。順便說一句。你可以把它寫像這樣

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

或者它未能調整你試圖操縱兩個元素的寬度更好看?在這種情況下,你應該仔細看看你的寬度變量的值是多少,也許它是用firefox計算的。

+0

http://jsfiddle.net/kgq9n/對不起,我沒有看到問題 – sra

+0

在鉻和在即寬度從0px改變爲其他數字根據頁面的寬度。在Firefox寬度不改變,我找不到錯誤 –