问题标签 [rangeslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4132 浏览

iphone - iPhone 范围滑块

我知道有一个 UISlider 但有人已经制作了 RangeSlider(用两个拇指?)或者知道如何扩展 uislider?

0 投票
1 回答
700 浏览

zend-framework - Zend Framework - Dojo 表单支持

您好,我是 Zend 框架的新手,我发现 zend 支持 dojo 表单 - Zend_Dojo_Form_Element_* 工作得很好。

但是缺少一些元素,例如(BusyButton、RangeSlider 或 PasswordValidation) zend 是否支持它们?

我发现 Zend 支持 BusyButton ( http://framework.zend.com/issues/browse/ZF-9641 ) 但我不知道如何使用它?

我还发现 zend 在这里包含这个 dojo elmements: ZendFramework/externals/dojo/dojox/form/

有人会这么好心给我写信吗,请举个例子如何使用这个表单元素(BusyButton、RangeSlider 或 PasswordValidation)?

0 投票
1 回答
406 浏览

javascript - 不使用 jQuery UI 的纯基于 JQuery 的范围滑块

有谁知道一个不依赖 jQuery UI 的好、独立的 jQuery 范围滑块插件吗?

0 投票
1 回答
1091 浏览

jquery - 带有一个旋钮的 jquery Range 滑块

请看一下这个Demo

查看“带有一个旋钮的 Mootols 滑块”部分。我想实现这个滑块。但我不想使用最小值和最大值,而是使用固定值,或者我们可以说数组中的值。例如,滑块应该仅针对 {6,12,18,24,48} 这些值移动。对此的任何帮助都将是可观的

0 投票
2 回答
5235 浏览

wpf - 如何找到滑块的拇指来设置其宽度

我正在从三个相互堆叠的滑块控件中创建一个“范围滑块”。基本思想来自这里,它使用两个滑块。

http://www.thejoyofcode.com/Creating_a_Range_Slider_in_WPF_and_other_cool_tips_and_tricks_for_UserControls_.aspx

我正在添加第三个滑块,其拇指将填充另一个滑块的拇指之间的空间。用户将能够拖动此中心拇指来移动两端并保持两端之间的恒定间距。

XAML 只是三个滑块。让它分层的秘诀在于使用控制模板(这里不重复。你可以在上面的 URL 中找到它)。

当任一外部拇指被拖动时,我需要调整中心拇指的大小以填充两个末端拇指之间的空间。

在后面的代码中,我可以捕捉到拇指的移动,并且可以找到中间滑块控件,但我不知道如何以编程方式获取中间滑块的拇指,以便调整它的大小以填充两个外拇指之间的空间。

感谢您的任何想法,

米奇

0 投票
2 回答
3809 浏览

javascript - 用于增强 HTML5 输入 [type=range] 的插件,例如 jquery-mobile 滑块

我正在寻找一个插件来增强 HTML5 input[type=range]- 理想情况下希望结果类似于 jquery-mobile 滑块:

http://jquerymobile.com/demos/1.0b3/docs/forms/forms-slider.html

我还没有发现任何东西,非常惊讶 - 似乎是一种很好的标准方式来增强input[type=range]. 似乎过度滚动我自己,特别是。当 jquery-mobile 中已经存在此功能时!有没有人遇到过这样的事情?

编辑:我查看了 jQueryUI 滑块——这不是我想要的!

0 投票
0 回答
629 浏览

wpf - 如何为 Slider 获得自定义 Track 以绘制额外的拇指?

我正在研究一个带有两个拇指的自定义范围滑块。我创建了一个自定义 Track 类,并更新了滑块的控件模板以支持两个拇指。问题是,我还没有弄清楚为什么我的新拇指没有出现。

我的自定义范围类看起来像这样:

我对现有滑块控件模板的编辑看起来像这样:

它仍然绘制原始的拇指。但是,不是我添加的两个新的。我不确定 RangeTrack 中是否应该做一些特别的事情OnRender

编辑:

我在 IL Disassembler 中打开了 PresentationFramework.dll,我注意到 System.Windows.Controls.Primitives.Track 中有一个名为 ThumbCenterOffset 的属性,不确定他是否负责将 Thumb 放置在正确的位置。

0 投票
1 回答
1339 浏览

jquery - jQuery UI Slider 不会移动最近的拖动器/句柄

据我所知,如果单击滑块,jQuery UI Range 滑块应该移动最近的拖动器/手柄。然而,在我的情况下,这似乎没有发生,只有左拖动器被移动。作为示例,您可以看到以下代码:

你可以看到这个例子的 jsFiddle:http: //jsfiddle.net/dZ7Yg/

如果您尝试通过简单地单击滑块将右拖动器/手柄移动到第二个点,您将无法做到这一点。一旦右边的拖动器到达第三个点,即使你在它之前点击1px,它也不会移动到第二个点,无论如何它都会移动左边的。

有人可以帮我吗?如何解决?

感谢您的帮助!

0 投票
1 回答
482 浏览

css - dojo RangeSlider 手柄位置错误

我正在尝试整理一个包含一些图表的网页,以及一些 RangeSlider 小部件来控制图表的数据范围和粒度。我创建了一些元素来保存各种导航项,并且正处于我想要放置 RangeSlider 的位置。一切正常,除了当我单击手柄之间的阴影条,向左或向右移动两个手柄时,手柄会跳到滑块的右侧,并停留在那里。

我很确定这是由于我的 div 的绝对/相对定位与滑块组件之间的不兼容,但我正在努力让它工作。如果我只是放置没有任何 div 样式的滑块,则滑块可以工作,但不是我想要的。

下面列出了整个文件。它只有大约 80 行,包括我的样式信息。为了简单起见,我将它附加到 div,而不是从外部 .css 文件中绘制它。要试用它,您需要调整到 dojo 组件的路径。

比我更有经验的人可能很快就可以确定范围,但我似乎无法将 dojo 要求与我自己的要求相协调。

谢谢。

0 投票
1 回答
3581 浏览

rangeslider - Rickshaw.Graph.RangeSlider TypeError: $(element).slider 不是函数

我有这个错误: TypeError: $(element).slider is not a function

使用以下脚本:

从以下页面: https ://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Graph.RangeSlider.js

javascript 调试器向我展示了这一行:slide: function( event, ui) {

你能告诉我一个解决我的问题的方法吗?谢谢!