Bootstrap 颜色选择器未加载/工作

Question

我不明白为什么引导颜色选择器不起作用。 我的代码与我使用的示例相同：https://itsjavi.com/bootstrap-colorpicker/

在我的 MVC 应用程序的捆绑配置中，我添加了

"~/Scripts/bootstrap-colorpicker.js",
"~/Scripts/bootstrap-colorpicker.min.js",
"~/css/bootstrap-colorpicker.css",
"~/css/bootstrap-colorpicker.min.css",

main.aspx 中的代码

<div class="col-sm-9">
    <div class="input-group demo2">
        <input type="text" value="#00AABB" class="form-control" />
        <span class="input-group-addon"><i></i></span>
    </div>
</div>

以及JS文件中的代码

$(function () {
        $('.demo2').colorpicker();
 });

看看发生了什么

我的应用截图

应该怎么截图

我做错了什么？

Answer 1

我在使用 bootstrap-colorpicker@2.5.3 时遇到了同样的问题我升级到 bootstrap-colorpicker@3.2.0 并解决了这个问题希望它有帮助...

Answer 2

初始化颜色选择器的调用应该针对它打算使用的输入......即我相信你的 Main.aspx 示例是不正确的。

<div class="col-sm-9">
    <div class="input-group">
        <input type="text" value="#00AABB" class="form-control demo2" />
        <span class="input-group-addon"><i></i></span>
    </div>
</div>

请注意，.demo2 的类已移至输入，当您使用它的控件选择颜色时，选择器旨在操作输入框的值。