多个依赖jQuery-UI Slider的总最大值

Question

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

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

我的尝试： 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)});
    }
}

可能是，我不用好方法吗？ 谢谢你的帮助。