Question

我正在尝试使用jquery插件Bootstrap Colorpickerplus，但我收到以下错误：

“colorInput.colorpicker不是函数”

“$（...）。colorpickerplus不是函数”

我插入了JQuery，colorpicker js＆amp; css文件。我需要使用colorpicker文件来使用colorpickerplus吗？

这是我初始化插件的方式：

$(document).ready(function () {
    $('#Couleur_grille').colorpickerplus();
    $('#Couleur_grille').on('changeColor', function(e){
        if(e.color==null) {
            $('.color-fill-icon', $(this)).addClass('colorpicker-color');
        } else {
            $('.color-fill-icon', $(this)).removeClass('colorpicker-color');
            $('.color-fill-icon', $(this)).css('background-color', e.color);
        }
    });
});

我的绑定输入：

<input type="button" id="Couleur_grille" />

我尝试使用的插件：http://www.jqueryrain.com/?HTPdFszp

Answer 1

由于此插件是Bootstrap colorpicker的扩展，因此您需要在页面上加入http://mjolnic.com/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js和http://mjolnic.com/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css。

你可以在这个小提琴上寻找一个例子： http://jsfiddle.net/zzzhan/6fdqqsb8/

var demo1 = $('#demo1');
    demo1.colorpickerplus();
    demo1.on('changeColor', function(e){
        if(e.color==null)
        $(this).val(e.color).css('background-color', '#fff');//tranparent
        else
        $(this).val(e.color).css('background-color', e.color);
    });

ASP.NET JQuery插件初始化错误

1 个答案: