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

Question

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

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

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

$('selector').slider

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

Answer 1

“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