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

それは、カラーディスプレイだが、私は、変更色を取得することはできませんよ。コンソール自体では、入力値は変更されませんが、ブラウザで変更されます。

アラートは公式ドキュメントhereから事前

Answer 1

に

$(function(){ 

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

おかげで働いていなくても動作していない私のコードは、正しい方法をキャッチする変更イベントがあるfollows-

として

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

カスタムの変更イベントを回避し、これを試してください。 documentation-

からも

は、あなたがその ui.colorオブジェクトで何ができるかについて Color.jsマニュアルを参照してください。ほとんどの場合、 ui.color.toString()に16進数の文字列を生成するだけです。