2010-07-07 17 views
0

我想要使用双Slider(范围)HTML控件,类似于JQuery dual Slider,而不必加载一个巨大的JavaScript框架来使用它。如何在不加载JQuery的情况下使用JQuery Slider控件?

是否存在这样的双滑块控件,即轻量级(文件大小)并且不需要我加载任何JavaScript框架?

+0

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

+1

我不认为jquery是巨大。很多网站利用Javascript库(或框架^ _ ^),你也应该这样做。那是我的两分钱...我会拿一个-1吗? – 2010-07-07 21:00:54

+0

jquery不是很大,可能已经从谷歌用户下载:http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-对于你/ – 2010-07-07 21:03:45

回答

1

最近的是新HTML5<input type="range">看起来像这样(在Chrome):

alt text http://webhole.net/wp-content/uploads/2010/04/html5-slider-input.jpg

但你是依赖于web浏览器品牌/版本是否支持。否则它会呈现为简单的<input type="text">

为了获得双重滑块,并以最少的努力实现最佳交叉浏览器兼容性,您几乎可以绕过jQuery。如果您的主要担心是下载JS文件的额外成本,请考虑使用public CDN host作为常用脚本。

+0

像你提到的那样 - 你的答案是针对单个滑块,而不是双滑块/范围,这正是我正在寻找的。所以你的回答没有帮助。 – TeddyR 2010-07-07 21:15:42

+0

这就是为什么我说“最接近”:)你也可以把它解释为“我没有看到其他选择或更好的方法”。 – BalusC 2010-07-07 21:22:27

2

最简单的解决方案可能是使用jQuery和闭包编译器。我相信闭包编译器实际上会删除未使用的代码。我从来没有真正尝试过,所以YMMV。

+0

什么是“封闭编译器”?你的意思是Google Closure?如果是这样,它如何评估我的HTML代码来检查我正在加载/未加载的JQuery组件? – TeddyR 2010-07-07 21:17:35

+1

我的意思是googles关闭编译器http://code.google.com/closure/compiler/。至于它是如何实现的,它会查看你的代码,看看使用什么和不使用什么,并去掉什么不是。我没有给出更好的描述,因为我没有对它进行非常广泛的研究。 – 2010-07-07 21:26:57

0

最简单的答案是使用解释型语言,服务器端构造或框架。没有替代您的请求的解决方案。你要求html做某些事情并不是本意做的。你也在问,如果没有编译,解释和数学服务,浏览器支持的功能本身并不支持。

最好的办法是链接到谷歌的jquery对象(@大约52kbps)你没有要求很多你的用户。只有其他选择是使用Flash,这是问题的两倍和乐趣的一半。

相关问题