JavaScript范围滑块/双滑块存在withOUT使用框架

8 javascript controls dhtml no-framework

我正在寻找一个JavaScript控件,它是一个Range Slider(双旋钮):

  • 不使用现有的JS框架(例如dojo,jquery等) - 除非你可以滚动/创建自己的子框架,我可以只在我需要的组件中编译.
  • 适用于所有主流浏览器

下面是Range Slider的一个例子,但当然这会使用JQuery - 所以这不是一个选项,因为即使我构建的JQuery只包含我需要的组件(JQuery UI core + Slider),它的140kb MINIFIED:

http://jqueryui.com/demos/slider/#range

Nic*_*rdi 5

jQuery UI有一个很好的:

http://jqueryui.com/demos/slider/

  • 你没有挖得很深.:)这是一个多滑块,http://jqueryui.com/demos/slider/#range.这些非常复杂,所以你会发现找到一个不利用当前框架的问题是有问题的.Yahoo有一个,ExtJS有一个,jQuery有一个,但它们都是在每个JS Framework的核心UX框架中构建的. (4认同)
  • 您可以尝试使用相同或更多权重的Yahoo或ExtJS.如果您担心大小,只需确保它已正确缓存,因此他们只需下载一次.使用您自己的CDN或Google的http://code.google.com/apis/ajaxlibs/documentation/确保所有内容都正确无误. (3认同)
  • 您的Javascript不必阻止HTML呈现.您可以简单地将脚本标记放在页面底部,直到那时它才会尝试加载它们.只要在Javascript加载之前,只需要禁用滑块在页面上的任何位置即可.这是2009年,你想要的75kb也不错. (3认同)
  • @ Hank892 - 我不得不说,这听起来有点像过早的优化.不仅75k真的太小而不能担心(大多数页面的图像是那么多的几倍),但如果你使用主要的CDN(或谷歌API),用户甚至不必下载75k; 他们几乎可以保证已经缓存了一份副本. (3认同)
  • jQuery UI允许您配置代码.http://jqueryui.com/download你给自己一个愚蠢的虚假约束,特别是如果你使用谷歌API或CDN.它们的流行意味着您的用户*已经*在其他地方下载了代码.那么为什么不使用呢?滚动自己只需要用户在他们已有的基础上下载更多代码. (3认同)
  • 您应该只需要UI Core和Slider控件(在Widgets下).或者,只需从此处获取所有内容(http://code.google.com/apis/ajaxlibs/documentation/index.html#jqueryUI),因为很可能很多用户已将其缓存. (2认同)