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中，捕获更改事件的正确方法如下 -

$('#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()生成十六进制颜色字符串。

如何从虹膜颜色选择器

1 个答案: