jQuery UI滑块句柄最大重复数

我的jQuery UI滑块有问题。我使用这个滑块来指定应该制作哪种颜色。我使用HSB，因此色调滑块的范围从0到360。现在这一切都很好，我用百分比来计算色调的数量

当用户离开页面时，我将值保存在某个地方，这样当他们返回到网页时，他们不会丢失进度条。这部分做得很好。问题是，当他们以360度离开页面（滑块为100%）然后向左移动滑块时，控制柄重复

正常工作正常：

360半精加工：

返回页面并移动滑块复制手柄后：

初始化时我的JavaScript:

$.get("get.php", function(data){
    var percentage = (parseInt(data) / 360) * 100;
    $("#hue").slider({
        step: 0.01,
        maximum: 100,
        minimum: 0,
        slide: function(){ setBox();},
        change: function(){ setBox(); updateCookie(); ch.restore(); },
        value: percentage
    });
});

<div class="row">
    <div id="hue"><canvas id="choose" width="1730"></canvas></div>
    <div id="mixedColor"><input type="text" id="input" /></div>
    <div id="hueCSV"><canvas id="bitmap" width="1730"></canvas></div>
    <div id="csvColor"><input type="text" id="input_csv" readonly /></div>  
</div>

php返回一个介于0和360之间的值，然后取其百分比

我的HTML:

$.get("get.php", function(data){
    var percentage = (parseInt(data) / 360) * 100;
    $("#hue").slider({
        step: 0.01,
        maximum: 100,
        minimum: 0,
        slide: function(){ setBox();},
        change: function(){ setBox(); updateCookie(); ch.restore(); },
        value: percentage
    });
});

<div class="row">
    <div id="hue"><canvas id="choose" width="1730"></canvas></div>
    <div id="mixedColor"><input type="text" id="input" /></div>
    <div id="hueCSV"><canvas id="bitmap" width="1730"></canvas></div>
    <div id="csvColor"><input type="text" id="input_csv" readonly /></div>  
</div>