jQuery多个链接滑块？

Question

我正在尝试查找与estately's mortgage calculator类似的多个链接滑块的示例（可以在该页面的右下角找到）。

我找到了this示例，但滑块未链接。 有没有人有一个我可以使用的好例子？

Answer 1

我认为您正在寻找绑定到一个滑块的“幻灯片”事件，然后使用您需要计算的任何变量并设置相关联的一个的值

修改
这是一个有效的例子：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);
        });
    });

Answer 2

我认为你不需要教程：D这很容易。

每次移动滑块时，都会更新其他滑块。

使用slide或change事件并更新其他幻灯片。

例如：

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

只需为每个滑块添加幻灯片事件即可进入