TypeError: jQuery (...). HexColorPicker не является функцией

im пытается использовать плагин jquery для выбора цвета. здесь скриншот файла JavaScript: вот это мой код, чтобы инициализировать его:TypeError: jQuery (...). HexColorPicker не является функцией

<script type="text/javascript"> 
     jQuery(function(){ 
      jQuery("#color-picker1").hexColorPicker(); 
     }); 
    </script>

здесь это HTML-элемент, чтобы вызвать его:

<input type="text" id="color-picker1" class="form-control" />

но плагин не показывает , и в результате журнала консоли:

TypeError: jQuery(...).hexColorPicker is not a function

размещение сценария:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> 
    <script src="<?php echo base_url()?>assets/color_picker/src/jquery-hex-colorpicker.min.js"></script> <!-- color picker plugin--> 
    <link rel="stylesheet" href="<?php echo base_url()?>assets/color_picker/css/jquery-hex-colorpicker.css" /> <!-- color picker plugin-->

источник

2016-12-26 Mochamad Ramdanny Lukman

Плагин файл включается после того, как JQuery и прежде чем использовать его? – Tushar

Возможно, нужно переместить размещение скрипта, эта ошибка является типичной, когда вы вызываете функцию перед ее загрузкой. –

Включили ли вы библиотеку jquery в тег заголовка DOM html ??? –

Убедитесь, что размещение ваших скриптов, как как следует, чтобы убедиться, что вы инициализация сборщика шестигранной цвет после того, как он будет загружен , также отсутствует ; в <?php echo base_url();?>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> 
<script src="<?php echo base_url();?>assets/color_picker/src/jquery-hex-colorpicker.min.js"></script> <!-- color picker plugin--> 
<link rel="stylesheet" href="<?php echo base_url();?>assets/color_picker/css/jquery-hex-colorpicker.css" /> <!-- color picker plugin--> 

<script type="text/javascript"> 
    jQuery(function(){ 
     jQuery("#color-picker1").hexColorPicker(); 
    }); 
</script>

источник

2016-12-26 19:16:19 AntK

TypeError: jQuery (...). HexColorPicker не является функцией

ответ

Смежные вопросы