Javascript 如何调用'；变色&x27；引导颜色选择器的方法？

我通过添加bootstrap-colorpicker.css和js使用bootstrap-colorpicker，如下所示：-

<div class="demo-auto">
<input type="text" value="#ea0437"class="form-control" hidded='hidden' id="irColorCode"/>
<span class="input-group-addon"><i></i></span>
</div>

是否有其他方法来执行此操作或解决此问题？ 有一种方法可用于对颜色更改执行操作：-

$('.my-colorpicker').colorpicker().on('changeColor.colorpicker', function(event){
  bodyStyle.backgroundColor = event.color.toHex();
});

---

但是我没有在任何地方使用这个构造函数。请建议如何使用这个？

我自己解决了。在docs.js中编写了上述给定的方法，如下所示：

$('#myColorPicker').colorpicker().on('changeColor',
            function(ev) {
                changeTableColor('myColorCode');
            });

我不是手动调用这个构造函数，而是在docs.js中使用id$（“#myColorPicker”）硬编码调用它。愚蠢但这就是问题所在，所以我用我的id复制了这里的代码，并在“changecolor”事件中调用了我的方法

---

谢谢：）

带有颜色框的颜色选择器输入：

<div>
   <input type="text" class="color-picker-input" >
   <span class="color"></span>
</div>   

---

hidded='hidden'

听起来和我不一样。也许是

隐藏的

，没有别的了？它甚至不需要一个值（因为它是一个布尔值，因此如果定义为true，则为false），比如

checked

等等。除此之外，你能不能创建一个提琴来复制这个问题？@briosheje谢谢你的回答：）。我刚把它整理好。下面的评论中提到了这种方法。谢谢

<div>
   <input type="text" class="color-picker-input" >
   <span class="color"></span>
</div>   

$('.color-picker-input').colorpicker().on('changeColor', function() {
      $(this).parent().find('.color').css("background-color", $(this).colorpicker('getValue', '#ffffff') );
});