TypeError：$(.).timepicker不是函数

Question

我遇到了()的问题；函数在这里

<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不是函数帮助！我不在哪里

<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的就像这样

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

Answer 2

您可能在导入文件时遇到问题。看：JSFiddle

检查我使用的外部资源。

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

Answer 3

您需要使用' jquery‘而不是'$'符号来将文档作为jquery变量处理，因此将.timepicker()函数放在这段代码中：

 jQuery(document).ready(function($){
      // code goes here
    });

所以你的代码应该是这样的：

   jQuery(document).ready(function($){
            $("#txtMonday").timepicker();
            $("#txtTuesday").timepicker();
            $("#txtWednesday").timepicker();
            $("#txtThursday").timepicker();
            $("#txtFriday").timepicker();
            $("#txtSaturday").timepicker();
        });