我目前正在使用 jQuery UI 颜色选择器 slider 的修改版本 see fiddle here 。我想知道是否有一种简单的方法来欺骗它,以便当它的值为 0 时,颜色实际上是黑色 (#000, hsl(0, 0%, 0%)),当它的最大值为360 它将变成白色 (#fff, hsl(360, 100%, 100%))。我不是 js 专业人士,但我在想一些类似的事情......
slide: function(event, ui) {
if (ui.value = 0) $('#box').attr('data-color', 'hsl(' + ui.value + ', 0%, 0%)');
box.style.background = 'hsl(' + ui.value + ', 100%, 50%)';
var clr = $('#box').css('background-color');
$('#box').attr('data-color', clr).trigger('click');
$('#slider-handle').css('background-color', clr);
}
但这不起作用
最佳答案
弄清楚了:
$("#slider-horiz").slider({
orientation: "horizontal",
min: 0,
max: 360,
value: 0,
slide: function (event, ui) {
box.style.background = 'hsl(' + ui.value + ', 100%, 50%)';
var clr = $('#box').css('background-color');
$('#box').attr('data-color', clr).trigger('click');
if (ui.value == 0) {
$('#box').attr('data-color', 'hsl(' + ui.value + ', 0%, 0%)').trigger('click');
$('#slider-handle').css('background-color', '#000');
}
if (ui.value == 360) {
$('#box').attr('data-color', 'hsl(' + ui.value + ', 100%, 100%)').trigger('click');
$('#slider-handle').css('background-color', '#fff');
}
}
});
});
关于jquery - 修改 jQuery UI 颜色选择器 slider 以包含黑色和白色值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17125591/