Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导滑块-防止翻转两个光标并停止滑动_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 引导滑块-防止翻转两个光标并停止滑动

Javascript 引导滑块-防止翻转两个光标并停止滑动,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我想使用引导滑块来表示3个轴的长度,其总和不变(滑块的最大值对应于此总和) 我在引导滑块上有2个游标,3个间隔代表这些长度 下面是一个例子: 我的问题是,当第二个光标(右侧)与第一个光标(左侧)相等(或接近固定步长)时,我希望停止拖动第二个光标,而第一个光标则相反 我看到有一个滑动停止事件,但这似乎不是同一件事 我必须修改bootstrap-slider.js源代码,但我不知道如何实现这个特定功能 就像: slider.on("slide", function(slideEvt) { if ((

我想使用引导滑块来表示3个轴的长度,其总和不变(滑块的最大值对应于此总和)

我在引导滑块上有2个游标,3个间隔代表这些长度

下面是一个例子:

我的问题是,当第二个光标(右侧)与第一个光标(左侧)相等(或接近固定步长)时,我希望停止拖动第二个光标,而第一个光标则相反

我看到有一个滑动停止事件,但这似乎不是同一件事

我必须修改bootstrap-slider.js源代码,但我不知道如何实现这个特定功能

就像:

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);
      }
  }
});
工作垃圾箱: