Question

我无法理解为什么bootstrap颜色选择器不起作用。我的代码与我使用的示例相同： https：// itsjavi.com/bootstrap-colorpicker /

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

"~/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();
 });

看看hapens

My app screenshot

How it should be screenshot

我做错了什么？

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 的类已移至输入，当您使用它的控件选择颜色时，选择器旨在操作输入框的值。

Bootstrap颜色选择器没有加载/工作

2 个答案: