Question

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

这是我的代码：

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

这是输入：

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

但没有显示任何内容，Chrome会出错：未捕获的TypeError：对象[object Object]没有方法'timepicker'

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

Answer 1

检查你需要哪个jquery版本，我计算多个，第二个在加载整个HTML内容时使用一个函数，类似

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

不建议使用$(function() {})，请参阅link

Answer 2

这里似乎存在一些问题，具有不同的重要性;

你的第一行应该是头部，而不是/头部，因为你在帖子的末尾有另一个/头部。

你要包含至少三个版本的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之前，您可能应该在包含timepicker库之前立即包含jQuery UI。

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

然而，你可能会发现从长远来看，它可以为你节省一些令人头疼的事情来改变你的做法，如下所示;

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

（这相当于你正在做的，但如果启用了jQuery的noConflict功能，它将起作用）

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

无法让Timepicker工作

2 个答案: