如何从虹膜颜色选择器获取更改的颜色代码

Question

我想使用颜色选择器更改颜色的元素。 我选择了虹膜颜色。

<script src="js/jquery.min.js"></script> 
<script src="js/jquery-ui.min.js"></script> 
<script src="js/iris.min.js"></script> 
<input type="text" id='color-picker' value="#bada55" /> 
<script> 
    jQuery(document).ready(function($){ 
    $('#color-picker').iris(); 
    }); 

它的显示颜色，但我不能得到改变颜色。在控制台本身，输入值不会改变，但它会在浏览器中改变。

我的代码不能正常工作，甚至提醒工作不

$(function(){ 

     $("#color-picker").on("change", function(){ 
      alert($(this).val()); 
      var color = $(this).val(); 
      $.post("updatecolor.php", {color: color}); 
     }); 
    }); 

在此先感谢

Answer 1

从官方文档here，正确的办法赶上change事件如下 -

$('#color-picker').iris({ 
    change: function(event, ui) { 
     // event = standard jQuery event, produced by whichever control was changed. 
     // ui = standard jQuery UI object, with a color member containing a Color.js object 

     // write your code here 
    } 
}); 

避免您的自定义更改事件并尝试此操作。

此外，从文档 -

请参阅您可以用ui.color对象做什么Color.js文档。在大多数情况下，您只需要ui.color.toString()即可生成十六进制颜色字符串。