8

我正在寻找一个 JavaScript 控件，它是一个 Range Slider（双旋钮），它：

  • 不使用现有的 JS 框架（例如 dojo、jquery 等）——除非您可以滚动/创建自己的子框架，在其中我可以只编译我需要的组件。
  • 适用于所有主要浏览器

下面是一个 Range Slider 示例，但当然这使用了 JQuery - 所以这不是一个选项，因为即使我构建的 JQuery 只包含我需要的组件（JQuery UI 核心 + Slider），它也是 140kb MINIFIED：

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

4

3 回答 3

5

jQuery UI 有一个不错的：

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

于 2009-05-18T12:43:06.227 回答
2

YUI 3（目前处于预览版）只引入了执行您所要求的绝对最少的代码量。他们的基本滑块示例（http://yuilibrary.com/yui/docs/slider/slider-basic.html）只引入了 24k 的 JavaScript 和不到 1k 的 CSS。它很光滑。

披露：我为雅虎工作！

于 2009-05-18T21:17:35.613 回答
0

使用来自http://www.walterzorn.com/dragdrop/dragdrop_e.htm#addons的滑块代码。它是一个单一的句柄，但底层的 drag-drop.js 非常灵活。您只需要添加自己的第二个滑块，并根据另一个条的位置以编程方式锁定每个条的最小-最大范围。您正在查看 1 12kb (lgpl'ed) 脚本包括和大约 10-20 行代码来实现这一点。

于 2009-05-18T15:11:34.273 回答