类型错误：$（...）timepicker不是一个函数 [英] TypeError: $(...).timepicker is not a function

问题描述

我收到的问题与jQuery timepicker（）;功能
这结果

 ＆LT;链接HREF =JS / jqueryTimepicker / jquery.timepicker.css的rel =stylesheet属性/＆GT;
    ＆LT;脚本SRC =JS / jQuery的-1.11.2.js＆GT;＆LT; / SCRIPT＆GT;
    ＆LT;脚本SRC =JS / jqueryTimepicker / jQuery的-ui.js＆GT;＆LT; / SCRIPT＆GT;
    ＆LT;脚本SRC =JS / jqueryTimepicker / jquery.timepicker.js＆GT;＆LT; / SCRIPT＆GT;
    ＆LT;脚本SRC =JS / jqueryTimepicker / jquery.timepicker.min.js＆GT;＆LT; / SCRIPT＆GT;
 

这是<强> HTML标记

 ＆LT; D​​IV ID =tableTime＆GT;
        ＆LT;表＆gt;
            ＆所述; TR＆GT;
                ＆LT; TD＆GT;周一和LT; / TD＆GT;
                ＆LT; TD＆GT;周二＆LT; / TD＆GT;
                ＆LT; TD＆GT;周三，LT; / TD＆GT;
                ＆LT; TD＆GT;周四＆LT; / TD＆GT;
                ＆LT; TD＆GT;周五＆LT; / TD＆GT;
                ＆LT; TD＆GT;周六和LT; / TD＆GT;
            ＆LT; / TR＆GT;
            ＆所述; TR＆GT;
                ＆所述; TD＆GT;
                    ＆LT;输入类型=文本ID =txtMonday/＆GT;＆LT; / TD＆GT;
                ＆所述; TD＆GT;
                    ＆LT;输入类型=文本ID =txtTuesday/＆GT;＆LT; / TD＆GT;
                ＆所述; TD＆GT;
                    ＆LT;输入类型=文本ID =txtWednesday/＆GT;＆LT; / TD＆GT;
                ＆所述; TD＆GT;
                    ＆LT;输入类型=文本ID =txtThursday/＆GT;＆LT; / TD＆GT;
                ＆所述; TD＆GT;
                    ＆LT;输入类型=文本ID =txtFriday/＆GT;＆LT; / TD＆GT;
                ＆所述; TD＆GT;
                    ＆LT;输入类型=文本ID =txtSaturday/＆GT;＆LT; / TD＆GT;
            ＆LT; / TR＆GT;
        ＆LT; /表＆gt;
    ＆LT; / DIV＆GT;
 

jQuery的
上述所有的jQuery文件加载不够好，但它抛出一个差错类型错误：$（...）timepicker不是一个函数
帮帮我！！！我没有在那里

 ＆LT;脚本＆GT;
        $（文件）。就绪（函数（）{
            $（＃txtMonday）timepicker（）;
            $（＃txtTuesday）timepicker（）;
            $（＃txtWednesday）timepicker（）;
            $（＃txtThursday）timepicker（）;
            $（＃txtFriday）timepicker（）;
            $（＃txtSaturday）timepicker（）;
        }）;
    ＆LT; / SCRIPT＆GT;
 

解决方案

你的一个进口可能无法正常工作，因为我得到了它的的的jsfiddle 。尝试重新下载的CSS / JS文件，并确保他们在正确的位置。如果仍然不起作用，你可以使用 CDN 以引用CSS / JS文件。

把下面的HTML中的code和它应该是固定的。

 ＆LT;脚本src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.css\"></script>
＆LT;脚本src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.js\"></script>
 

此外，在未来，我可能会建议使用一个CSS类，而不是单独的ID的像这样：

  $（文件）。就绪（函数（）{
        $（'TXT'）timepicker（）。
    }）;
 

I am getting problem with Jquery timepicker(); function Here it is

<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>

This is HTML markup

<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 All of the above jquery files are loading well enough but it throws one error TypeError: $(...).timepicker is not a function Help!!! I am no where

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

解决方案

One of your imports may not be working correctly since I got it working in a JSFiddle. Try redownloading the CSS/JS files and make sure they are in the correct locations. If that still doesn't work, you can use the CDN for referencing the CSS/JS files.

Put the following in your HTML code and it should be fixed

<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>

Also, in future, I might suggest using a CSS class instead of individual id's like so:

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

这篇关于类型错误：$（...）timepicker不是一个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！