如何用pips刷新jquery ui滑块

Question

我正在尝试实现这个jquery-ui-slider-pips插件：http://simeydotme.github.io/jQuery-ui-Slider-Pips/

我想要实现的目标：第一个滑块在第一个更改时更新。

实际发生了什么：在sliderChange函数中，如果我删除最后一行（在下面的代码中注释掉），第二个滑块没有完全更新，当它在那里它正确更新但我从插件“originalMousedown不是函数”中获取错误。

有人能说出我的代码有什么问题吗？

小提琴： http://jsfiddle.net/Forever_Nomad/8udy118k/

代码：

var start1 = 100;
var start2 = 50;
var max1 = 1000;
var max2 = start1;
var percent = 50;

var slider1 = $("#slider1").slider({
    min: 0,
    max: max1,
    value: start1,
    range: "min",
    step: 1,
    slide: function(event, ui) {
        if (ui.value < start1) { 
            $(this).slider('value',start1);
            $(this).find('.ui-slider-tip').text(parseInt(start1));
            return false;
        }
    },
    change: function(event,ui){
        sliderChange(ui);
    }
}).slider('pips').slider('float');

var slider2 = $("#slider2").slider({
    min: 0,
    max: max2,
    value: start2,
    range: "min",
    step: 1,
    slide: function( event, ui ) {
        if (ui.value < start2) { 
            $(this).slider('value',start2);
            $(this).find('.ui-slider-tip').text(parseInt(start2));
            return false;
        }
    }
}).slider('pips').slider('float');

function sliderChange(data){
    var val = data.value * (percent / 100);
    start2 = val;
    slider2.slider('option', 'min', 0);
    slider2.slider('option', 'max', parseInt(data.value));
    slider2.slider('option', 'value', start2);
    //slider2.slider('pips').slider('float');
}