Не удается получить плагин jQuery clockpicker для работы?

Question

Я пытаюсь заставить jQuery plugin clockpicker работать.

У меня есть соответствующий начальная загрузка и плагин CSS файлов, связанный в верхней части:

<link href="./stylesheets/bootstrap.css" rel="stylesheet"> 
<link href="./stylesheets/jquery-clockpicker.min.css" rel="stylesheet"> 

Я также сценарии, включенный в следующем порядке:

<script jquery> 
    <script src="./javascripts/bootstrap.min.js"></script> 
    <script src="./javascripts/jquery-clockpicker.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.clockpicker').clockpicker(); 
     }); 

Таким образом, нет никаких проблем с зависимостями.

У меня также есть HTML настроить как задумано в учебнике

<div class="input-group clockpicker"> 
    <input type="text" class="form-control" value="09:30"> 
</div> 

Однако, при нажатии на него, ничего не происходит! Я проверил ошибки журнала консоли, и нет соответствующих ошибок. Я предполагаю, что это не имеет значения:

GET http://localhost:3000/fonts/glyphicons-halflings-regular.woff2 

Любые идеи, что я делаю неправильно?

Answer 1

Убедитесь в том числе JQuery JS файла сценарий перед Bootstrap расслоения плотного файла сценария, такие как

<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.js'></script> 

JS

var clock = $('.form-control'); 
clock.clockpicker({ 
    autoclose: true 
}); 

// minutes 
clock.clockpicker('show').clockpicker('toggleView', 'minutes'); 

// hours 
// clock.clockpicker('show').clockpicker('toggleView', 'hours'); 

Example