无法让Timepicker工作

Im新的Jquery和即时通讯相当肯定我缺少一个文件，这是问题，但即时通讯有点丢失哪些我应该使用。这里是头和一堆其他的CSS和JS文件，因为我不知道是否也可能有冲突。无法让Timepicker工作

</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="" />

但什么也不显示和铬给出了一个错误：遗漏的类型错误：对象[对象对象]没有方法'timepicker'

所以我的问题是我搞砸了代码o我是否缺少一个文件，如果是的话，我可以在哪里下载它来添加它。

来源

2012-09-09 user1547410

您的代码是否包装在document.ready函数中？ – hsalama

你在这里添加了多少个jquery？我看到1.3.2,1.7.2，这是不对的。其次是timepicker.js文件在哪里？ – dbf

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

您的第一行应该是头部，而不是/头部，因为您在帖子末尾有另一个/头部。你至少包括三个版本的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的行中。删除其他人。

在包含timepicker库之前，您应该在包含jQuery之后立即包含jQuery UI。

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

但是，您可能会发现，从长远来看，您可以节省一些头痛，以稍微改变您的做法，如下所示：

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

（这相当于你在做什么，但如果启用了jQuery的noConflict功能将工作）

你的代码是不工作的原因似乎是，你包括timepicker CSS文件（“jquery-ui-timepicker-addon.css”），但你不包括timepicker JavaScript文件。

来源

2012-09-09 22:00:14 Kelvin

为了澄清，不建议使用$（）.ready（function（）{}），但这不是你正在做的。 jQuery（function（$）{}），$（function（）{}）和$（document）.ready（function（）{}）都很好。 – Kelvin

非常感谢你！ – user1547410

可检查jQuery的版本你需要，我算多，第二次使用函数当整个HTML内容加载，像

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

并不推荐使用$(function() {})，看link

来源

2012-09-09 21:48:08 dbf

无法让Timepicker工作

回答

相关问题