jquery滑塊停止滑動

Question

我有兩個相互依賴的滑塊。兩個滑塊的範圍都是從0到100.該滑塊是由其他一些字段計算的。所以我可以得到滑塊一個99和滑塊兩個30.如果我改變滑塊二的範圍，滑塊一個變爲超過100，但它應該停止滑塊二，如果滑塊一個將超過100.
我試過了用die()和.off("slide")來阻止它，但似乎沒有任何效果。

Answer 1

可以在slide事件檢查的slider1值變得更大的最大值，如果是由returnig虛假取消幻燈片事件：

取消該事件會阻止手柄移動和處理 將繼續具有其先前的價值。

代碼：

$(function() { 

    $("#slider1").slider({ 
     min: 0, 
     max: 100, 
     value: 30, 
     slide: function (event, ui) { 
      console.log(ui.value) 
     } 
    }); 

    $("#slider2").slider({ 
     min: 0, 
     max: 100, 
     value: 20, 
     slide: function (event, ui) { 
      if (ui.value + 10 > $("#slider1").slider("option", "max")) { 
       return false 
      } 
      $("#slider1").slider("option", "value", ui.value + 10); 
     } 
    }); 

}); 

演示：http://jsfiddle.net/IrvinDominin/9RFK2/

Answer 2

你是說滑塊2的值應不超過1代爾值。

if (ui.value > slider1.slider("option", "value")) { 

      return false; 
     } 

看看這個小提琴

http://jsfiddle.net/smartyatwork/XSUgK/8/