Question

当使用1.9.2中的默认ui滑块时，当两个把手发生碰撞时会出现小问题，无法拖动右侧车把。

见这里：http://jqueryui.com/slider/#range

将两个把手放在一起，然后尝试增加更高的值，而不是工作。

然后我发现了这篇文章：

https://stackoverflow.com/a/4254932/1905754

这是一个解决方案，但它是1.8.6所以我没有找到要在1.9.2中编辑的代码行。有没有人知道1.9.2是否有类似的解决方案？

感谢。

抱歉英文不正确。

Answer 1

尝试在jquery.ui.js中找到以下代码（函数_mouseCapture，第12313行）

        // workaround for bug #3736 (if both handles of a range are at 0,
        // the first is always used as the one with least distance,
        // and moving it is obviously prevented by preventing negative ranges)
        if( o.range === true && this.values(1) === o.min ) {
            index += 1;
            closestHandle = $( this.handles[index] );
        }

        // my fix
        if( o.range === true && this.values(1) === this.values(0) ) {
            if(normValue <= this.values(0)){
                index = 0;
            }
            else {
                index = 1;
            }
            closestHandle = $( this.handles[index] );
        }
        // end of my fix

Answer 2

我建议替换此代码_mouseCapture

this.handles.each(function( i ) {
        var thisDistance = Math.abs( normValue - that.values(i) );
        if (( distance > thisDistance ) ||
            ( distance === thisDistance &&
                (i === that._lastChangedValue || that.values(i) === o.min ))) {
            distance = thisDistance;
            closestHandle = $( this );
            index = i;
        }
    });

与

this.handles.each(function( i ) {
        if (event.target == that.handles[i]) {
            index = i;
            closestHandle = $( this );
        }
    });

Answer 3

这不是永久修复，但有助于使滑块可拖动。\ / p>

$('#slider-range').slider
  start: (event, ui) ->
    # Only when sliders are overriding
    if ui.values[0] == ui.values[1]
      set_min = ui.values[0] - 0.1
      set_max = ui.values[1]
      # Deducing value of left slider by 0.1(or you can give step value based on your condition)
      $('#slider-range').slider('values', [set_min,set_max])
      return false
   slide: (event, ui) ->
     # Some statements
   stop: (event, ui) ->
     # Some statements

ui-slider重叠滑块无法拖动

3 个答案: