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

无法获得jQuery clockpicker插件吗？

1 个答案: