javascript - TypeError : $(. ..).timepicker 不是函数

Question

我在使用 Jquery timepicker() 时遇到问题；功能在这里

<link href="js/jqueryTimepicker/jquery.timepicker.css" rel="stylesheet" />
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/jqueryTimepicker/jquery-ui.js"></script>
    <script src="js/jqueryTimepicker/jquery.timepicker.js"></script>
    <script src="js/jqueryTimepicker/jquery.timepicker.min.js"></script>

这是HTML 标记

<div id="tableTime">
        <table>
            <tr>
                <td>Monday</td>
                <td>Tuesday</td>
                <td>Wednesday</td>
                <td>Thursday</td>
                <td>Friday</td>
                <td>Saturday</td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="txtMonday" /></td>
                <td>
                    <input type="text" id="txtTuesday" /></td>
                <td>
                    <input type="text" id="txtWednesday" /></td>
                <td>
                    <input type="text" id="txtThursday" /></td>
                <td>
                    <input type="text" id="txtFriday" /></td>
                <td>
                    <input type="text" id="txtSaturday" /></td>
            </tr>
        </table>
    </div>

Jquery上述所有 jquery 文件都加载得很好，但它抛出一个错误 TypeError: $(...).timepicker is not a function帮助!!!我无处可去

<script>
        $(document).ready(function () {
            $("#txtMonday").timepicker();
            $("#txtTuesday").timepicker();
            $("#txtWednesday").timepicker();
            $("#txtThursday").timepicker();
            $("#txtFriday").timepicker();
            $("#txtSaturday").timepicker();
        });
    </script>

Answer 1

自从我在 JSFiddle 中使用它后，您的一个导入可能无法正常工作.尝试重新下载 CSS/JS 文件并确保它们位于正确的位置。如果还是不行，你可以使用 CDN用于引用 CSS/JS 文件。

将以下内容放入您的 HTML 代码中，它应该是固定的

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.css"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.js"></script>

此外，在未来，我可能会建议使用 CSS 类而不是个人 ID 的 like so。 :

$(document).ready(function () {
        $('.txt').timepicker();
    });