Javascript 引导滑块-防止翻转两个光标并停止滑动
我想使用引导滑块来表示3个轴的长度,其总和不变(滑块的最大值对应于此总和) 我在引导滑块上有2个游标,3个间隔代表这些长度 下面是一个例子: 我的问题是,当第二个光标(右侧)与第一个光标(左侧)相等(或接近固定步长)时,我希望停止拖动第二个光标,而第一个光标则相反 我看到有一个滑动停止事件,但这似乎不是同一件事 我必须修改bootstrap-slider.js源代码,但我不知道如何实现这个特定功能 就像:Javascript 引导滑块-防止翻转两个光标并停止滑动,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我想使用引导滑块来表示3个轴的长度,其总和不变(滑块的最大值对应于此总和) 我在引导滑块上有2个游标,3个间隔代表这些长度 下面是一个例子: 我的问题是,当第二个光标(右侧)与第一个光标(左侧)相等(或接近固定步长)时,我希望停止拖动第二个光标,而第一个光标则相反 我看到有一个滑动停止事件,但这似乎不是同一件事 我必须修改bootstrap-slider.js源代码,但我不知道如何实现这个特定功能 就像: slider.on("slide", function(slideEvt) { if ((
slider.on("slide", function(slideEvt) {
if ((cursor2.value - cursor1.value) < step)
{ this.stopSlide();}
});
slider.on(“slide”),函数(slideEvt){
if((cursor2.value-cursor1.value)
欢迎任何帮助
感谢使用幻灯片事件,这是可能的。这样做的目的是查看哪个光标是固定的,当其值发生变化时,通过设置值来阻止滑块移动。 没有找到更干净的方法阻止幻灯片事件 工作代码:
var slider = new Slider("#slider1");
var initPos,
fixedCursor,
fixedCursorPos;
slider.on("slideStart", function(slideEvt) {
initPos = slideEvt;
fixedCursor = null;
fixedCursorPos = null;
});
slider.on("slide", function(slideEvt) {
if (initPos[0] !== initPos[1] && (slideEvt[0] !== initPos[0] || slideEvt[1] !== initPos[1])) {
if (fixedCursor == null) {
fixedCursor = (slideEvt[0] === initPos[0] ? 0 : 1);
fixedCursorPos = slideEvt[fixedCursor];
}
if (fixedCursorPos !== slideEvt[fixedCursor]) {
slider.setValue([fixedCursorPos, fixedCursorPos], false, false);
}
}
});
工作垃圾箱: