無法讓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工作

回答

相關問題