Question

加载页面时，我将默认颜色设置为#444444。这很好。

同样在单击RESET按钮时，我需要将其设置为淡化颜色$(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"); }); });：

这是我的代码：

{{1}}

Full JSFiddle：https://blogs.msdn.microsoft.com/salvapatuel/2009/06/08/working-with-memory-mapped-files-in-net-4/

Answer 1

如果您查看颜色选择器库的文档，您将看到以下选项：

.colorpicker（'setValue'，value）
为颜色选择器设置一个新值（也更新所有内容）。触发'changeColor'事件。

因此，您可以使用该方法在单击其余按钮时设置颜色：

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

Updated Fiddle

Answer 2

修改颜色后，只需触发change事件。

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

小提琴：http://jsfiddle.net/vpu25k1g/50/

如何在单击“重置”按钮时将其设置为默认颜色？

2 个答案: