jQuery多重鏈接滑塊？

Question

我試圖找到與estately's mortgage calculator類似的多個鏈接滑塊的示例（可以在該頁面的右下方找到）。

我發現this示例，但滑塊未鏈接。 有沒有人有我可以使用的一個很好的例子？

Answer 1

我覺得你並不需要一個教程：D這是很容易。

每次移動滑塊時，都會更新其他滑塊。

使用slide或change事件並更新其他滑塊。

例如：

$("#slider1").bind("slide", function(event, ui) { 
    $("#slider2").slider({ value: 45 }); 
    $("#slider3").slider({ value: 30 }); 
}); 

只需添加一個幻燈片事件的每一個滑塊和你去那裏

Answer 2

我認爲你在尋找綁定到一個滑塊的「幻燈片」事件，然後使用你需要你的相關的一個（或多個）

編輯
這裏有一個的計算和設定值的任何變量工作示例：http://www.jsfiddle.net/sNfBM/

使用簡陋：

// make another slide change 
    $('#master').bind('slide',function(){ 
     var pct = $('#master').slider('option', 'value')/$('#master').slider('option', 'max'); 
     $('#eq > span').each(function(i,e){ 
      var ppct = parseInt($(this).slider('option','max') * pct); 
      $(this).slider('option', 'value', ppct); 
     }); 
    });