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

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

从正式文档这里中，捕获更改事件的正确方法如下所示-

$('#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
    }
});

避免您的自定义更改事件，并尝试这一点。

另外，从文件上看-

请参阅Color.js文档，了解如何处理该ui.color对象。在大多数情况下，您只希望ui.color.toString()生成一个十六进制颜色字符串。