Jquery UI更改滑塊手柄寬度？

我想讓我的滑塊縮放比例的句柄給出滑塊範圍的視覺判斷（例如大多數瀏覽器中的滾動條）。Jquery UI更改滑塊手柄寬度？

做了一點谷歌搜索，答案似乎是修改.ui-slider-handle類。

我已經做到了這一點，並把手現在運行的路要走結束： Example 這是我使用的設置滑塊代碼：

var range = 2 + Math.floor(Math.random() * 10); 

$('#slider').slider({max: range}); 

$('.ui-slider-handle').width($('#slider').width()/range);

這就好像庫假定滑塊的舊寬度，有沒有人有任何建議來完成我想要的？我寧願避免必須破解jquery ui核心庫。

在此先感謝

2012-01-12 Chris

問題是在滑塊的核心。要移動它，jQueryUI將其「左」樣式從0％更改爲100％。原來的幻燈片也超出了結尾，但你不會注意，因爲它很窄。做得更寬，你真的開始注意到它開始增長開始在左邊100％開始...

正如你可以在這裏閱讀：http://bugs.jqueryui.com/ticket/4398，沒有內置的解決方案。

但是他們指出了一個解決方案：當手柄從滑塊最小值滑動到滑塊最大值時，通過將margin-left設置爲可變（在0和手柄寬度之間）。

2012-01-12 12:55:26

哇，感謝您的附加信息，該側滾動的例子是相當馬車不過，在當我切換一覽它可以滑下水槽，點擊陰溝是gitchy不會和IE7或IE9打得不錯... – Chris 2012-01-12 13:17:08

也不能相信他們聲稱「這是設計的」，這樣可能會獲得什麼一個糟糕的設計決定？ – Chris 2012-01-12 13:18:45

回答