我正在尝试使用jquery mobile迈出我的第一步,我想从一些有趣的事情开始。
我有一个显示交互式svg图像的页面,它可以在拖动滑块时更改。(buckny)滑块来自jquery ui,在普通浏览器上表现合理,但在我的iphone上就不行了。
所以我想看看jquery mobile。从文档中我了解到,它可以用与jquery ui完全相同的方式实例化:只需调用
$('selector').slider
在jquery选择器上。(jquery-mobile slider),所以我想,如果真的这么简单,我可以让我的所有代码保持原样,只包含jquery-mobile库,而不是jquery-ui库,它应该可以工作。但显然不需要,jquery选择器元素需要在表单元素中吗?我从文档中了解到这是没有必要的。我哪里错了?
发布于 2011-12-22 15:21:34
“jQuery选择器元素”只需要是range
类型的输入元素。事实上,你甚至不需要使用jQuery来调用插件。
从文档中:
在任何包含带有type=“
”属性的文本输入的页面上,这个插件都会自动初始化。
所以你所需要的就是这样:
<input type="range" id="slider" value="..." min="..." max="..." />
唯一的问题是没有简单的方法来设置步长值(AFAIK),所以我建议使用更高的滑块值。
下面是一个有效的示例:http://jsfiddle.net/grc4/Wxjvy/
此外,请确保您已成功包含以下所有:
移动JavaScript
https://stackoverflow.com/questions/8553071
复制相似问题