1

カラーピッカーが添付された単純なテキストフィールドがあります。フィールドの横にアイコンを追加しました。これにより、フィールド値の内容（カラーピッカーによって生成されたもの）を削除できます。コードは以下です。

奇妙なことに、値を削除した後、ページの他の場所をクリックすると、値が戻ってきます。以下のコードと簡単なサンプル。

再現手順:

  1. カラーピッカーを使用して 16 進コードを生成します。
  2. X をクリックしてフィールド値を削除します。
  3. ページ本文の他の場所をクリックすると、値が返されます。

どうもありがとう

HTML コード:

  <input type="text" name="x_fontColor" id="x_fontColor" size="30" maxlength="10" value="" class="colorpicker">
  <span class="trigger" data-for="x_fontColor">X </span>

JS:

$(".colorpicker").colorpicker();            
$(".trigger").click(function(){
   $("#"+$(this).data('for')).val('');              
});

フィドル リンク: http://jsfiddle.net/W2Mcy/

4

2 に答える 2

1

これが古いスレッドであることは知っていますが、他の誰かがこの問題に遭遇した場合は、値として「透明」を割り当てることができます。

.colorpicker('setValue','transparent');

残念ながら、カラー ピッカーはフィールドに「透明」と表示するため、完全に null または '' 値ではありませんが、近いので、プレビュー タイプの状況で色のライブ更新を行っている場合は機能するはずです。

お役に立てれば。

于 2016-09-06T23:28:06.370 に答える