ASP.NET JQuery плагин Ошибка инициализации

Question

Я пытаюсь использовать JQuery плагин Bootstrap Colorpickerplus, но я получаю следующие ошибки:

«colorInput.colorpicker не является функцией»

«$ (...) .colorpickerplus не является функцией «

Я вставил JQuery, colorpicker js & 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); 
    });