我正在尝试使用jquery mobile开始我的第一步,我想从一些乐趣开始。
我有一个显示交互式svg图像的页面,拖动滑块时可以更改该图像。 (buckny)滑块来自jquery ui,在普通浏览器上合理,但不在我的iphone上。
所以我想看看jquery mobile。从文档中我了解到它可以与jquery ui完全相同的方式实例化:只需调用
$('selector').slider
答案 0 :(得分:2)
'jQuery选择器元素'只需要是range
类型的输入元素。实际上,您甚至不需要使用jQuery调用插件。
来自文档:
此插件将在包含type =“range”属性的文本输入的任何页面上自动初始化。
所以你需要的就是这样:
<input type="range" id="slider" value="..." min="..." max="..." />
唯一的问题是没有简单的方法来设置步长值(AFAIK),所以我建议使用更高的滑块值。
以下是一个工作示例:http://jsfiddle.net/grc4/Wxjvy/
另外,请确保您已成功包含以下所有: