jQuery滑块概述的剑道UI

滑动器为选择数值提供了丰富的输入。

滑动条可以显示一个句柄和两个相对的按钮,用于选择单个数值,也可以显示两个句柄,用于定义数值范围。与HTML5范围输入不同的是,Slider支持跨浏览器的一致体验,并提供丰富的API调用和事件模型。滑块提供了用于自定义其行为的配置选项,例如,设置其最小值和最大值、方向、步长以及工具提示格式和位置。

jQuery Kendoka图像的剑道UI

滑块是jQuery的剑道UI,一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。想要试用它,可以注册一个30天的免费试用期。

初始化滑块

要创建滑动条,请使用HTML<输入>元素。

要初始化Slider,请使用jQuery选择器。

类型中创建的滑块$ (document)时()语句,因为小部件必须在DOM完全加载后初始化。

$(文档)时函数(){$(“#滑块”).kendoSlider ();});

下面的例子演示了如何定制滑块。

$(" #滑块”)。kendoSlider({min: 10, max: 50,方向:“垂直”,smallStep: 1, largeStep: 10});

功能和特性

滑块提供可访问性支持

引用现有实例

要引用现有的滑块实例,请使用jQuery.data ()方法。一旦建立了引用,就可以使用API来控制它的行为。

var滑块= $("#滑块").data("kendoSlider");

另请参阅

在本文中
Baidu
map