2014-10-11 99 views
0

我需要設置爲「填充左」的<div id="menu">等於的<ol>jQuery的一個元件的CSS值設置爲另一個

在這裏,寬度一點點幫助是爲參考

<ol style="width:80%">some code</ol> 

<div id="menu">some text</div> 

我的示例代碼「M試圖用jQuery做到這一點,我不知道它好,所以這是我嘗試

$("#menu").css({"paddingLeft": "$('ol').width()"}); 

它只能如果我在這裏012輸入一個值自己像400像素

但是,這是一個負責任的設計,我希望它automaticaly得到<ol>元素的值,並在pixes

+0

感謝您的答案,它的工作原理。有一件事,當我重新調整瀏覽器大小時,它不會將值更改爲新的寬度。只有當我刷新。我如何使其自動更新? – 2014-10-11 05:24:19

回答

1

取下"$('ol').width()""否則將無法正常工作

$("#menu").css({"paddingLeft": $('ol').width()}); 

如果您想要在更改大小的同時更改填充,然後將其放入窗口中resize()事件

$(window).resize(function() { 
    $("#menu").css({"paddingLeft": $('ol').width()}); 
}); 
1

太近了!

$("#menu").css({"paddingLeft": $('ol').width()}); 
1
$("#menu").css({"paddingLeft": $('ol').width()}); 
1

From jQuery API

您可以檢查方法.css(propertyName, value)和看着辦吧。

順便說一下,當你刷新你的窗口大小。代碼是這樣的:

$(window).resize(function(){ 
    $("#menu").css({"paddingLeft": $('ol').width()}); 
}) 
+0

這樣做。謝謝你的最後一點幫助。 – 2014-10-11 05:28:24

相關問題