我的jQuery-UI滑块出了问题。我正在使用此滑块指定应该制作哪种颜色。我正在使用HSB,因此色调滑块的范围从0到360.现在一切正常,我使用百分比来计算色调量。
当用户离开页面时,我将值保存在某个地方,所以当他们返回网页时,他们并没有失去他们在酒吧的进度。这部分工作半精。问题是,当他们将页面保留在360(滑块为100%),然后将滑块向左移动时,手柄会重复。
初始化时的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>