Javascript jquery滑块旁边的文本标签（在未知宽度的div中）

在父div中，我希望左侧有一个文本标签，右侧有一个滑块（使用jqueryui）

我希望滑块占用所有可用空间，与之不同的是，父div的宽度未知

所以从概念上讲，应该是这样的（尝试失败）：

独角兽令人敬畏：

---

但我不能轻易得到任何可以在Chrome、FF3和IE8上运行的东西。有人有什么想法吗？

您可以尝试使用jQuery设置宽度：

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

我已经更新了你的文件，包括这个。（我还必须将父div的宽度更改为90%，因为100%+填充比窗口大）

更新：我注意到，在调整浏览器窗口的大小时，这会保持该宽度。您可以使用

$（窗口）重新计算宽度。调整大小（函数）

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