jquery slider旁邊的文本標籤（div寬度未知）

Question

在父div中，我想在左邊有一個文本標籤，在右邊有一個滑塊（使用jQuery UI）。

我希望滑塊佔用所有可用空間，而不像this question，父div的寬度是未知的。

所以在概念上它應該是這樣的（jsfiddle here破碎的嘗試）：

<div id="parentDiv" style="width:100%"> 
<span>Unicorn awesomeness:</span><div id="unicornSlider"></div> 
</div> 

但我不能得到任何容易的是在Chrome，FF3和IE8的作品。有沒有人有任何想法？

Answer 1

你可以嘗試設置使用jQuery寬度：

$('#unicornSlider') 
    .width($('#parentDiv').width() -$('#parentDiv span').width() - 20) 
    .slider() 

I'ev更新您的fiddle包括這個。 （我還必須將父div的寬度更改爲90％，因爲100％+填充比窗口大）。

更新：我注意到，當瀏覽器窗口調整大小時，這會保持這個寬度。您可以使用$(window).resize(function)重新計算寬度。