如何在不加載JQuery的情況下使用JQuery Slider控件？

我想要使用雙Slider（範圍）HTML控件，類似於JQuery dual Slider，而不必加載一個巨大的JavaScript框架來使用它。如何在不加載JQuery的情況下使用JQuery Slider控件？

是否存在這樣的雙滑塊控件，即輕量級（文件大小）並且不需要我加載任何JavaScript框架？

2010-07-07 TeddyR

看看這個線程中的答案：http://stackoverflow.com/questions/877530/javascript-range-slider-dual-slider-exist-without-using-a-framework – 2010-07-07 21:00:54

我不認爲jquery是巨大。很多網站利用Javascript庫（或框架^ _ ^），你也應該這樣做。那是我的兩分錢...我會拿一個-1嗎？ – 2010-07-07 21:00:54

jquery不是很大，可能已經從谷歌用戶下載：http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-對於你/ – 2010-07-07 21:03:45

最近的是新HTML5<input type="range">看起來像這樣（在Chrome）：

但你是依賴於web瀏覽器品牌/版本是否支持。否則它會呈現爲簡單的<input type="text">。

爲了獲得雙重滑塊，並以最少的努力實現最佳交叉瀏覽器兼容性，您幾乎可以繞過jQuery。如果您的主要擔心是下載JS文件的額外成本，請考慮使用public CDN host作爲常用腳本。

2010-07-07 21:01:49 BalusC

像你提到的那樣 - 你的答案是針對單個滑塊，而不是雙滑塊/範圍，這正是我正在尋找的。所以你的回答沒有幫助。 – TeddyR 2010-07-07 21:15:42

這就是爲什麼我說「最接近」:)你也可以把它解釋爲「我沒有看到其他選擇或更好的方法」。 – BalusC 2010-07-07 21:22:27

最簡單的解決方案可能是使用jQuery和閉包編譯器。我相信閉包編譯器實際上會刪除未使用的代碼。我從來沒有真正嘗試過，所以YMMV。

2010-07-07 21:16:04

什麼是「封閉編譯器」？你的意思是Google Closure？如果是這樣，它如何評估我的HTML代碼來檢查我正在加載/未加載的JQuery組件？ – TeddyR 2010-07-07 21:17:35

我的意思是googles關閉編譯器http://code.google.com/closure/compiler/。至於它是如何實現的，它會查看你的代碼，看看使用什麼和不使用什麼，並去掉什麼不是。我沒有給出更好的描述，因爲我沒有對它進行非常廣泛的研究。 – 2010-07-07 21:26:57

最簡單的答案是使用解釋型語言，服務器端構造或框架。沒有替代您的請求的解決方案。你要求html做某些事情並不是本意做的。你也在問，如果沒有編譯，解釋和數學服務，瀏覽器支持的功能本身並不支持。

最好的辦法是鏈接到谷歌的jquery對象（@大約52kbps）你沒有要求很多你的用戶。只有其他選擇是使用Flash，這是問題的兩倍和樂趣的一半。

2010-07-07 21:27:03

回答