Jquery 不能让时间选择器工作

我是Jquery新手，我很确定我丢失了一个文件，这就是问题所在，但是我有点不知道我应该使用哪些文件。这里是头和一堆其他css和js文件，因为我不确定是否也可能有冲突

</head>
<!--Tab menu css and javascript link-->
<script type="text/javascript" src="js/tabcontent.js"></script>
<link href="css/tabcontent1.css" rel="stylesheet" type="text/css" />

<!--left menu gallery slider css and javascript-->
<link rel="stylesheet" type="text/css" href="css/login_panel/css/slide_hm.css" media="screen" />
<script src="css/login_panel/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="css/login_panel/js/slide_hm.js" type="text/javascript"></script>

<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.21/themes/ui-lightness/jquery-ui.css" />
<script>document.documentElement.className = "js";</script>
<script src="../vendor/jquery-1.7.2.js"></script>
<script src="../vendor/json2.js"></script>
<script src="../src/jquery.collapse.js"></script>
<script src="../src/jquery.collapse_storage.js"></script>
<script src="../src/jquery.collapse_cookie_storage.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script></head>

document.documentElement.className=“js”；

这是我的代码：

<script type="text/javascript">$(function(){
$('#example1').timepicker();
});
</script>

$（函数（）{
$（“#示例1”）.timepicker（）；
});

这是输入：

<input type="text" name="example1" id="example1" value="" />

但没有显示任何内容，chrome给出了一个错误： 未捕获的TypeError:对象[Object Object]没有方法“timepicker”

---

所以我的问题是我是否把代码弄乱了，或者我是否丢失了一个文件，如果是的话，我在哪里可以下载它来添加它。

检查您需要哪个jquery版本，我计算多个，然后在加载整个HTML内容时使用一个函数，比如

$(document).ready(function() { 
 // timepicker code here
}

---

实际上不建议使用

$（function（）{}）

，请参见检查您需要的jquery版本，我计算了多个，然后在加载整个HTML内容时使用一个函数，例如

$(document).ready(function() { 
 // timepicker code here
}

---

实际上并不推荐使用

$（function（）{}）

，请参见这里似乎有几个问题，其重要性各不相同

你的第一行应该是head，而不是/head，因为在文章的末尾有另一行/head

您至少包含了三个版本的jQuery—“css/login_panel/js/jQuery-1.3.2.min.js”、“./vendor/jQuery-1.7.2.js”和“js/jQuery.min.js”。检查哪一个是最新版本，并将其包含在当前包含jquery-1.3.2.min.js的行中。把其他的拿走

您可能应该在包含jQuery之后立即包含jQuery UI，然后再包含timepicker库

有人建议您应该将调用timepicker的代码包装在ready（）函数中，您已经在这样做了$（function（）{}）相当于$（document）.ready（function（）{}）

不过，你可能会发现，从长远来看，稍微改变一下你的做法，可以省去一些麻烦，如下所示

jQuery(function($) {
    $('#example1').timepicker();
});

（这相当于您正在做的事情，但如果启用了jQuery的noConflict特性，则可以工作）

---

代码不起作用的原因似乎是您包含了timepicker CSS文件（“jquery ui timepicker addon.CSS”），但没有包含timepicker javascript文件。

这里似乎有几个不同重要性的问题

你的第一行应该是head，而不是/head，因为在文章的末尾有另一行/head

您至少包含了三个版本的jQuery—“css/login_panel/js/jQuery-1.3.2.min.js”、“./vendor/jQuery-1.7.2.js”和“js/jQuery.min.js”。检查哪一个是最新版本，并将其包含在当前包含jquery-1.3.2.min.js的行中。把其他的拿走

您可能应该在包含jQuery之后立即包含jQuery UI，然后再包含timepicker库

有人建议您应该将调用timepicker的代码包装在ready（）函数中，您已经在这样做了$（function（）{}）相当于$（document）.ready（function（）{}）

不过，你可能会发现，从长远来看，稍微改变一下你的做法，可以省去一些麻烦，如下所示

jQuery(function($) {
    $('#example1').timepicker();
});

（这相当于您正在做的事情，但如果启用了jQuery的noConflict特性，则可以工作）

---

代码无法工作的原因似乎是您包含了timepicker CSS文件（“jquery ui timepicker addon.CSS”），但没有包含timepicker javascript文件。

您的代码是否包装在document.ready函数中？您在这里添加了多少jquery？我看1.3.2，1.7.2，那不可能是对的。第二，timepicker.js文件在哪里？您的代码是否包装在document.ready函数中？您在这里添加了多少jquery？我看1.3.2，1.7.2，那不可能是对的。第二，timepicker.js文件在哪里？澄清一下，不建议使用$（）.ready（function（）{}），但这不是您要做的。jQuery（function（$）{}）、$（function（）{}）和$（document）.ready（function（）{}）都很好。澄清一下，不建议使用$（）.ready（function（）{}），但这不是您要做的。jQuery（函数（$）{}）、$（函数（）{}）和$（文档）.ready（函数（）{}）都很好。