多个相关 jQuery-UI 滑块的总最大值

Question

我正在尝试使用 4 个 jQuery-UI 滑块制作一个类似技能制作器的界面（我第一次使用这个 UI 库）。

滑块的总量受到限制（此处为 10），当达到此限制时，我试图停止增加滑块。 我读过 这个，这个和这个但结果不是很有用。用户需要花很多时间来理解滑块组的工作原理。这就是为什么我测试不改变滑块“大小”而只是阻止滑块增加。 我成功地停止了滑块。但链接数量仍在不断增加。

这是我的尝试： http://jsfiddle.net/PXEG2/

我尝试过那：

function total(){
    var value = parseInt($('#item1').val()) + parseInt($('#item2').val()) + parseInt($('#item3').val()) + parseInt($('#item4').val());
    if(value > 10){
        $('.slider').slider({max: $(this).slider(max)});
    }
}

可能是我没有使用好的方法？ 感谢您的帮助。