jquery移动滑块插件vs jquery ui滑块

时间:2011-12-18 16:28:34

标签: jquery-mobile slider

我正在尝试使用jquery mobile开始我的第一步,我想从一些乐趣开始。

我有一个显示交互式svg图像的页面,拖动滑块时可以更改该图像。 (buckny)滑块来自jquery ui,在普通浏览器上合理,但不在我的iphone上。

所以我想看看jquery mobile。从文档中我了解到它可以与jquery ui完全相同的方式实例化:只需调用

$('selector').slider
在jquery选择器上。 (jquery-mobile slider) 所以我想如果它很简单,我可以保留我的所有代码,只是包含jquery-mobile库而不是jquery-ui库,它应该可以工作。但显然不是,jquery选择器元素是否需要在表单元素中?我从文档中了解到这不是必要的。 我哪里出错了?

1 个答案:

答案 0 :(得分:2)

'jQuery选择器元素'只需要是range类型的输入元素。实际上,您甚至不需要使用jQuery调用插件。

来自文档:

  

此插件将在包含type =“range”属性的文本输入的任何页面上自动初始化。

所以你需要的就是这样:

<input type="range" id="slider" value="..." min="..." max="..." />

唯一的问题是没有简单的方法来设置步长值(AFAIK),所以我建议使用更高的滑块值。

以下是一个工作示例:http://jsfiddle.net/grc4/Wxjvy/

另外,请确保您已成功包含以下所有

  • jQuery JavaScript
  • jQuery Mobile JavaScript
  • jQuery Mobile CSS
相关问题