リセットボタンをクリックすると、デフォルトの色に設定するにはどうすればいいですか？

Question

ページが読み込まれると、デフォルトの色を#444444に設定しています。これはうまくいきます。

RESETボタンがクリックされた場合も同様に、私は色#444444をdefaltするためにそれを設定する必要があります。

これは私のコードです：

$(document).ready(function() { 
$('#color').val("#444444"); 
    $('#colorPickerForm').bootstrapValidator({ 
     feedbackIcons: { 
      valid: 'glyphicon glyphicon-ok', 
      invalid: 'glyphicon glyphicon-remove', 
      validating: 'glyphicon glyphicon-refresh' 
     }, 
     fields: { 
      color: { 
       validators: { 
        hexColor: { 
         message: 'The color code is not valid' 
        } 
       } 
      } 
     } 
    }); 

    $('#colorPicker') 
     .colorpicker() 
     .on('showPicker changeColor', function(e) { 
      $('#colorPickerForm').bootstrapValidator('revalidateField', 'color'); 
     }); 

     // When reset is clicked 
     $("#resetcolor").click(function(e){ 
     $('#color').val("#444444"); 
    }); 
}); 

全JSFiddle：http://jsfiddle.net/vpu25k1g/44/

Answer 1

ちょうどchangeをトリガーイベントの色を変更した後。

$("#resetcolor").click(function(e) { 
    $('#color').val("#444444").trigger('change'); 
}); 

フィドル：http://jsfiddle.net/vpu25k1g/50/

Answer 2

あなたはColorPickerのライブラリのドキュメントをチェックする場合は、このオプションが表示されます：新しいを設定

.colorpicker（ 'のsetValue'、値）
カラーピッカーの値（すべてを更新します）。 「changeColor」イベントをトリガーします。このように

残りのボタンがクリックされたとき、あなたは色を設定するには、そのメソッドを使用することができます。

$("#resetcolor").click(function(e) { 
    $('#color').val("#444444"); 
    $('#colorPicker').colorpicker('setValue', '#444444'); 
}); 

Updated Fiddle