引导带时钟选择器（clockpicker不是一个function）

我是bootstrap和jquery的初学者，当我尝试使用clockpicker包进行引导时，我遇到了这个错误。

未捕获的TypeError：$（…）。clockpicker不是函数。

              
 
 
 
 Slot Name  
 
 Time Slot  
 Time 
     
 
 
 SUBMIT 
 
   $('.clockpicker').clockpicker() .find('input').change(function(){ // TODO: time changed console.log(this.value); }); $('#demo-input').clockpicker({ autoclose: true }); if (something) { // Manual operations (after clockpicker is initialized). $('#demo-input').clockpicker('show') // Or hide, remove ... .clockpicker('toggleView', 'minutes'); }         

Answer 1

如果你查看你发布的代码，你会发现在加载 clockpicker 之前你正试图运行 clockpicker。

解决此问题的最简单方法是使用jQuery document ready函数，这会导致脚本在尝试运行之前等待整个页面加载：

 // This line tells jQuery to wait until the whole page is loaded before running the code inside. // This will solve your current problem, as well as many other potential problems. jQuery(function($) { $('.clockpicker').clockpicker() .find('input').change(function(){ // TODO: time changed console.log(this.value); }); $('#demo-input').clockpicker({ autoclose: true }); if (something) { // Manual operations (after clockpicker is initialized). $('#demo-input').clockpicker('show') // Or hide, remove ... .clockpicker('toggleView', 'minutes'); } // The line below "closes" the document ready function });