问题标签 [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.
jquery - jQuery range slider with incline plane?
Any ideas on how to style a range slider to do something like this where the highlight fill increases along an incline as you drag the slider (colors/design are example only):
jquery - ion.rangeSlider 将滑块锁定为预定义值
是否有将滑块锁定为预定义值的选项?我是说
值:[“7.5”、“15”、“35”、“65”、“99”、“125”、“150”、“199”、“299”、“399”、“499”]、
现在我只想将“7.5”移动到 15,35.....499,
怎么可能?因为当我从“7.5”开始滑块时,它会显示 43、79。我不想要这些值,滑块只移动给定的值!请你!
javascript - 不同基础范围滑块的总和值
我正在尝试添加 6 个不同范围滑块的值并显示结果。我得到了一个我预期的数字,但我只是想弄清楚如何对每个滑块的属性求和。因此,当按下按钮时,我会得到全部。
我创建了一个 jsfiddle,但它不起作用。见这里:http: //jsfiddle.net/Ae5Y4/3/
有什么建议吗?
HTML:
JAVASCRIPT:
javascript - 如何在 Foundation 5 中创建双手柄范围滑块?
在这里编码新手——我正在使用 Foundation 5 作为我正在创建的应用程序的前端框架,并且我正在尝试创建一个具有两个句柄的范围滑块。有谁知道如何做到这一点?简单地重复“range-slider-handle”跨度元素确实会创建两个句柄,但其中一个句柄固定在范围的左端并且不能移动。
如果有人可以就这个问题提出建议,将不胜感激!
jquery - 角度时间范围滑块
我正在使用http://danielcrisp.github.io/angular-rangeslider/demo/创建一个范围滑块,但我希望它使用 time(HH:MM) 而不仅仅是普通数字。所以它的范围是10m - 2hr。但是我对如何实现这一点有点困惑。
我最好像这样格式化时间:
时间以分钟计算,然后也许我可以以某种方式使用日期过滤器将数字转换为 hh:mm 但我仍然希望它的格式类似于 (10min, 30min, 1hr, 1hr 10min, 1hr 30min, 2hr)
或者这是一种更好的方法:
还是我完全错过了这一点并且有更好的方法?
angularjs - AngularJS在范围之间过滤
我设置了一个范围从 0 到 2 小时的范围滑块,时间以分钟为单位计算,然后转换为 hh:mm,如下所示:10 分钟、20 分钟、1 小时、20 分钟、2 小时。
但现在我试图过滤里面的一堆项目ng-repeat
,我很难让它工作。
这是我所做的http://cdpn.io/LDusa
我正在使用http://danielcrisp.github.io/angular-rangeslider/demo/作为范围滑块。
这是代码:
JADE(如果您更喜欢 HTML,可以使用此http://html2jade.org/将其转换回 html ):
我怎样才能让它工作,所以它只会time
在范围滑块指定的范围内显示项目?
javascript - Swiper.js with Rangeslider.js - 在 Rangeslider.js onSlide 回调函数上禁用 Swiper.js 触摸事件
我在 iDangerous 的swiper.js之上使用 Andre Ruffert 的rangeslider.js ,但每次我滑动我初始化的 rangeslider 时,它也会刺激 Swiper 的触摸滑动事件,因此它们都同时滑动。在滑动 Rangeslider 时,我可以使用什么方法来禁用 Swiper?我是 jQuery 的新手,所以任何帮助都将不胜感激。
这是我的代码:
HTML
JS
jquery - jQuery Range Slider 未在模态框中加载
我正在尝试将jQRangeSlider加载到模态框中。加载所有jQRangeSlider脚本后。脚本加载成功,但模态框未显示jQRangeSlider
我正在尝试做的事情。
有清单id
。单击每个id
调用的 ajax 并从后端(MySql)获取滑块数据。
然后会出现一个带有滑块的模型框。滑块具有从后端(MySql)中获取的信息id
。
列表中有很多id
。因此无法设置静态滑块。
JS 小提琴 http://jsfiddle.net/Njhvv/2/
jQuery
HTML:
更新 :
我正在尝试在 Bootstrap 模型框中加载范围滑块。
问题: 第一次加载不正确。但是在第二次之后它正在正确加载。
我需要什么:我需要在第一次尝试时加载它。
我在做什么:它显示在每个 JS 树叶点击上。单击 Leaf 后,JSON 将调用以向滑块提供数据输入。使用 JSON 数据滑块设置它的位置。
我的链接问题:jQuery Range Slider 未在模态框中加载
我也尝试过$.when()但仍然存在同样的问题。
jquery - 如何处理范围滑块的 jQuery UISlider 更改事件
我有一个两个句柄的 jQuery UI 滑块,在它的每个句柄下,每次用户更改句柄时都有一个数字应该更改,我只能更改其中一个。
我需要检测移动了哪个手柄以及移动了哪个方向,以计算数字。
HTML:
jQuery: