javascript - 动态更改属性值以更改颜色选择器

Question

我需要动态更改属性值以更改颜色选择器：

<input id="uno" type="minicolors" name="123"   data-slider="wheel" />

这些是等价的

$("#uno").val(str[1]);
$("#uno").value(str[1]);
$('input[name="123"]').val(str[1]);
$('input[name="123"]').attr('value',str[1]);
$('input[name="123"]').attr('input',str[1]);
$('INPUT[type=minicolors]').attr('value',str[1]);

该值显示在文本区域中，但不会更改颜色选择器上的滑块！

我试过这个但不起作用！

// $('input[name="123"]').attr('rgbObject',str[1]);  // no
// $('input[name="123"]').attr('rgbString',str[1]);  //no
// $.minicolors.rgbString(str[1]); //no

这是用于测试变量 => 完成工作

$('input[name=123]').css("background", str[1]); // <==background text area color for testing

我必须使用哪个属性？

谢谢

Answer 1

在这里你可以看到它是如何工作的：http: //labs.abeautifulsite.net/jquery-miniColors/

你必须使用

$.minicolors.refresh()

一旦您更改了文本值以刷新颜色选择器。