javascript - 无法使用 jQuery clockpicker 插件？

Question

我正在尝试让 jQuery 插件 clockpicker 工作。

我在顶部链接了相关的 Bootstrap 和插件 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

确保在bootstrap js脚本文件之前包含jquery JS脚本文件，例如

<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