Я хочу использовать jquery ui, чтобы создать ползунок с двумя ручками, которые поддерживают минимальное расстояние между ними. Если левая ручка пытается пересечь правую ручку, правую ручку следует подтолкнуть вперед. И наоборот. Вот пример (не говоря уже о перекрытии, это не важно):
Это работает до тех пор, пока движение медленное, но если мышь движется слишком быстро, она не работает в сценарии «толкания». Я думаю, что установка значений ползунков из события «ползунок» может быть ошибкой.
Это сработало. Я скопировал код из $.ui.slider.prototype._slide и удалил часть, которая проверяла, больше ли левая ручка, чем правая. Теперь работает хорошо.
$.ui.slider.prototype._slide = function ( event, index, newVal ) {
var otherVal,
newValues,
allowed;
if ( this.options.values && this.options.values.length ) {
otherVal = this.values( index ? 0 : 1 );
if ( newVal !== this.values( index ) ) {
newValues = this.values();
newValues[ index ] = newVal;
// A slide can be canceled by returning false from the slide callback
allowed = this._trigger( "slide", event, {
handle: this.handles[ index ],
value: newVal,
values: newValues
} );
otherVal = this.values( index ? 0 : 1 );
if ( allowed !== false ) {
this.values( index, newVal, true );
}
}
} else {
if ( newVal !== this.value() ) {
// A slide can be canceled by returning false from the slide callback
allowed = this._trigger( "slide", event, {
handle: this.handles[ index ],
value: newVal
} );
if ( allowed !== false ) {
this.value( newVal );
}
}
}
}
