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); 
     }); 
    });