jQuery-UI滑块处理最多

时间:2015-11-09 09:34:04

标签: jquery jquery-ui

我的jQuery-UI滑块出了问题。我正在使用此滑块指定应该制作哪种颜色。我正在使用HSB,因此色调滑块的范围从0到360.现在一切正常,我使用百分比来计算色调量。

当用户离开页面时,我将值保存在某个地方,所以当他们返回网页时,他们并没有失去他们在酒吧的进度。这部分工作半精。问题是,当他们将页面保留在360(滑块为100%),然后将滑块向左移动时,手柄会重复。

正常正常enter image description here

360 半精度enter image description here

返回页面并移动滑块重复句柄后: enter image description here

初始化时的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
    });
});

get.php返回0到360之间的值,然后我取百分比。

我的HTML:

<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>

0 个答案:

没有答案