问题标签 [rangeslider]

我在使用 jQuery mobile 创建双范围滑块时遇到了很多麻烦。当我从jQuery Mobile 文档中实现以下建议的代码时，我只需在彼此下方获得两个单独的滑块。

理想情况下，我希望远离 jQuery UI，因为这将是另一个框架（而且是一个相当大的框架），如果用户还没有缓存它，他们将不得不下载它。我试图让我的应用程序尽可能轻量级。也许我在实施中做错了什么？

我用以下行设置了我的范围滑块的两个值：$('...').slider( 'values', [ 0, 10000 ] );现在我遇到了问题，该行触发了两次change( event, ui )- 事件。有没有一种只能触发一次的解决方法？或者我可以使用/创建其他事件来解决问题吗？

我只是想避免发送两次大量数据的ajax请求

感谢您的回复！

彼得

不完全确定如何正确表达这个问题，对此我深表歉意。我想要在这里发生的是“输出”显示在滑块旁边，而不是在它下面。

看看有什么问题：alainbruno.nl/form.html

无论如何，我只是从 HTML5 开始，这是到目前为止的代码：

我目前正在为客户构建项目计划表，我正在使用 Jquery UI 作为范围滑块。

我正在努力弄清楚如何做到这一点，以便当范围值为 Max 时，它会在输入字段中的值之后添加一个 Plus(+)。

我当前的脚本是

我的 HTML 是

任何帮助将不胜感激。干杯乔丹

我很难让 JQM 范围滑块在淘汰赛中很好地工作。这是 JQM 滑块的一个非常基本的 html 代码：

我已经创建了这个敲除绑定作为示例，应用于准备好的文档：

我在互联网上阅读了其他人的一些帖子，这些帖子也发现了与范围滑块的 JQM 初始化相关的一些问题（例如这里：http ://css.dzone.com/articles/knockoutjs-binding-helper和这里：http ://www.programico.com/1/post/2012/12/knockoutjs-jquerymobile-slider.html）并提供一个可行的解决方案，每个解决方案都有自己的自定义绑定实现。

其中之一如下（来自http://www.hughanderson.com/）：

到目前为止，一切都很好。之后，我遇到了这个问题：

如果 JQM 滑块在第一页上，它可以工作。当 JQM 滑块位于第二页时，不再工作。

我认为这是与这个特殊的 JQM 小部件和他的 DOM 操作有关的问题，我可以理解。为了更好地解释这一点，我制作了两个 jsFiddle，我只是交换了两个 JQM 页面的顺序：

1. 不起作用：第二个 JQM 页面上的http://jsfiddle.net/5q38Q/滑块
2. 工作： http: //jsfiddle.net/5q38Q/1/第一个 JQM 页面上的滑块

有人可以解释一下，这是为 JQM 滑块初始化敲除绑定的正确方法吗？也许还有另一种方法可以为 JQM 滑块编写自定义绑定，或者将敲除绑定放在 pagebeforeshow 事件中？

更新： 通过以下更改，滑块显示正确的值，并且还与文本输入部分同步：

但我想知道是否没有更好的解决方案。

至少，连同 Varun 的自定义绑定，它现在非常适合我！

这个（非常基本的）页面：
http ://www.marianotomatis.it/test.php 在Chrome和Firefox
上 正确呈现，但在IE9上它停止在这一行：

脚本http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js 的消息“无法检索空或未定义引用的“滑块”属性”。

这是页面的完整代码：

您看到问题的任何原因了吗？

当我在闪亮中使用 sliderInput 函数时，似乎我无法控制滑块的宽度/长度。默认情况下，滑块占据页面的整个宽度（在 basicPage 模式下，而不是在 pageWithSidebar 模式下）。我想知道是否有某种方法可以控制滑块的宽度。感谢您的任何建议。

我正在尝试在 PHP 中加载一个范围滑块（滑块就像http://ghusse.github.io/jQRangeSlider/demo.html之一）。

这是 HTML 中的滑块，它可以工作（参见： http: //www.leff-design.nl/websites/sliderpreview/test.html）：

现在我尝试将其设置为 php，但不知道该怎么做。我试过这个（它不是完整的 php 代码，而只是高级自定义字段插件 php 文件的一部分）：

还尝试回显滑块代码，但它什么也没做。它没有像 HTML 文件中那样获得正确的 css 类。如何将#slider id 与 php 中的 jquery 文件准确连接？

提前致谢。

RangeSlider对于 a （或更简单地说，带有 2 个拇指的滑块）的任何实现，我似乎都遇到了同样的问题。

我想将两个拇指绑定到数据上下文并让该绑定是双向的。不幸的是，我似乎只能绑定到 SET 滑块的位置。如果我用鼠标移动它们，它们就会失去绑定。

我已经使用了几个范围滑块，但为了简单起见，在这个示例中，我使用了来自thejoyofcode.com的一个。（我没有修改它，所以我现在不包括它，但如果有帮助我可以）。我使用下面的 XAML 使用它，目的是让框架滑块（名为“MinSlider”和“MaxSlider”）也绑定到相同的数据源。

当我移动框架滑块时，所有绑定的项目都会跟随它们，包括范围滑块，但是如果我在范围滑块上移动一个拇指，它不会更新数据源或框架滑块。

我的窗口 XAML...

...和 ​​MySource 类...

我正在尝试通过 Javascript 正确禁用 jQuery Mobile 范围滑块。但它不起作用。如果我将disabled属性添加到<input>Html 文件中的元素，它就可以工作。但是，如果我尝试通过禁用它

它disabled="disabled"为 DOM 中的输入元素添加了属性，但显示没有改变，我仍然可以使用滑块。（“#range-monday-a”和“#range-monday-b”是rangeslider的两个输入元素的id）

我认为这是因为 jQuery Mobile 为 rangeslider 渲染了额外的 div 和内容。但我无法在 jquerymobile.com 上找到答案，也无法在此处或通过 google 找到答案。