jqueryslider范围滑块,为两个滑块设置不同的setp值

Anne3 Anne3     2022-09-04     752

关键词:

需求:slider范围滑块,当滑动初始滑块的时候一次要跳3步,滑动后面滑块的时候一次只跳一步

也就是要给两个滑块不同的setp值

设置setp值得方法是:

$( "#English-slider" ).slider("option" ,"step",2);

slider的start方法是当滑块开始滑动时,触发此事件。

start:function( event, ui ){
  //滑块开始滑动时触发
}

在start方法中console.log("ui")可以看到两个滑块的handleIndex值一个为0一个为1,利用这一不同来区分滑动的是哪一个滑块

代码如下:

 start:function( event, ui ){           
                if(ui.handleIndex==0){
                    $( "#English-slider" ).slider("option" ,"step",2);
                }else{
                    $( "#English-slider" ).slider("option" ,"step",1);
                }
            }

 

JQuery Slider,如何改变“步长”大小

】JQuerySlider,如何改变“步长”大小【英文标题】:JQuerySlider,howtomake"step"sizechange【发布时间】:2010-11-0107:53:25【问题描述】:是否可以使用JQuerySlider(范围滑块/双滑块)来获得非线性(不一致的“步长”大小)值?我... 查看详情

SwiftUI 滑块值不尊重范围

】SwiftUI滑块值不尊重范围【英文标题】:SwiftUISliderValueNotRespectingtheRange【发布时间】:2021-10-0212:23:04【问题描述】:我有一个带有两个选项卡的选项卡视图,第二个选项卡有一个滑块,其范围从0到最大值(计算属性),具体取... 查看详情

iPhone 范围滑块

】iPhone范围滑块【英文标题】:IPhoneRangeSlider【发布时间】:2011-02-1012:51:06【问题描述】:我知道有一个UISlider,但有人已经制作了RangeSlider(有两个拇指吗?)或者知道如何扩展uislider?【问题讨论】:KennyTm查看创建日期。叹息... 查看详情

KnockoutJS 设置 jQuery Mobile 滑块的最大选项

...ileslider【发布时间】:2015-02-1320:51:30【问题描述】:我的JquerySlider与KnockoutJS结合使用时有一个小问题我想通过可观察值绑定滑块最大选项。这是我的滑块类:<div><labelfor="Range1Slider">GRP: 查看详情

JavaScript范围滑块/双滑块存在不使用框架[关闭]

】JavaScript范围滑块/双滑块存在不使用框架[关闭]【英文标题】:JavaScriptrangeslider/dualsliderexistwithOUTusingaframework[closed]【发布时间】:2010-10-2700:36:51【问题描述】:我正在寻找一个JavaScript控件,它是一个RangeSlider(双旋钮):不使... 查看详情

如何制作移动响应式垂直范围滑块

】如何制作移动响应式垂直范围滑块【英文标题】:Howtomakemobileresponsiveverticalrangeslider【发布时间】:2020-01-2508:57:45【问题描述】:我已将范围滑块位置设置为垂直。但它没有响应。我签入了chrome默认移动设备。调整范围滑块时... 查看详情

带有两个范围滑块过滤器的 jQuery 数据表

】带有两个范围滑块过滤器的jQuery数据表【英文标题】:jQueryDatatableswithtworangesliderfilters【发布时间】:2017-10-2723:13:10【问题描述】:我设法使用jQueryUI和我在网上找到的sn-p获得了一个与Datatables一起使用的范围滑块:http://live.dat... 查看详情

Flutter - 范围滑块

】Flutter-范围滑块【英文标题】:Flutter-RangeSlider【发布时间】:2018-11-2116:17:27【问题描述】:如何在Flutter中创建范围滑块,如下图所示。【问题讨论】:他们正在制作这个one感谢您的信息:)【参考方案1】:带有两个拇指的范围... 查看详情

phpfacetwp设置滑块的范围(代码片段)

查看详情

将两个 UISlider 设置为从不迅速低于对方

...间】:2015-11-2412:52:37【问题描述】:我想要一个两个拇指滑块,但经过无数次努力后无法弄清楚如何做到这一点!所以我决定使用两个滑块作为厚颜无耻的UI,它可以工作。但是现在我需要设置它,以便两个滑块之间的距离为4,... 查看详情

Vue.js 范围滑块,设置 v-model 并获取更改

】Vue.js范围滑块,设置v-model并获取更改【英文标题】:Vue.jsrangeslider,setv-modelandgetchanges【发布时间】:2019-02-1413:08:40【问题描述】:我在我的网络表单上放置了一个滑块,供用户输入他们对某件事的评价。我正在使用Vue.js,但我... 查看详情

如何在angularjs中设置范围滑块的时间?

】如何在angularjs中设置范围滑块的时间?【英文标题】:Howtosettimeinrangsliderinangularjs?【发布时间】:2017-10-0320:37:59【问题描述】:我在Angularjs中使用具有可拖动范围(https://jsfiddle.net/ValentinH/954eve2L/)的滑块进行时间选择。我想... 查看详情

jQuery 滑块 - 上一期和下一期

】jQuery滑块-上一期和下一期【英文标题】:jQueryslider-prevandnextissue【发布时间】:2014-03-0316:55:31【问题描述】:我正在尝试使用prev和next按钮制作一个简单的滑块。如果向前迈出一步而不是向后迈出一步,我并不总是得到以前的... 查看详情

JQuery Slider - 如何更改滑块输入值的变化

】JQuerySlider-如何更改滑块输入值的变化【英文标题】:JQuerySlider-Howtoalsochangethesliderinputvaluechange【发布时间】:2018-12-0322:47:10【问题描述】:除了在更改滑块时更改输入值之外...我如何反之亦然在输入更改时更改滑块?html:<div... 查看详情

范围滑块推送到数组,过滤重复项,并在范围为 0 时从数组中删除

】范围滑块推送到数组,过滤重复项,并在范围为0时从数组中删除【英文标题】:Rangesliderpushtoarray,filterduplicates,andremovefromarraywhenrangeat0【发布时间】:2021-04-2917:27:24【问题描述】:我正在尝试构建一个包含各种情绪的情绪范围... 查看详情

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

...描述】:我正在从三个相互堆叠的滑块控件中创建一个“范围滑块”。基本思想来自这里,它使用两个滑块。http://www.thejoyofcode.com/Creating_a_Range_Slider_in_WPF_and_other_cool_tips_and 查看详情

具有日期时间和散点图交互的绘图破折号范围滑块

】具有日期时间和散点图交互的绘图破折号范围滑块【英文标题】:plotlydashrangesliderwithdatetimeandscatterplotinteraction【发布时间】:2021-10-3015:30:50【问题描述】:我想在我的下拉列表中添加一个范围滑块,并将范围滑块设置为“Wallc... 查看详情

带有滑块的 GRC QT GUI 范围出现错误

】带有滑块的GRCQTGUI范围出现错误【英文标题】:GRCQTGUIRangewithsliderpresentserror【发布时间】:2022-01-0113:30:38【问题描述】:使用GNURadioCompanion3.9.4.0。我的应用程序有一个“QTGUIRange”块。当小部件设置为“计数器+滑块”时,我收... 查看详情