的jQuery UI的日期選擇器：遺漏的類型錯誤：對象的翻譯：有沒有方法「zIndex的」

Question

我試圖使用jQuery的日期選擇器插件，但我得到這個錯誤：

Uncaught TypeError: Object [object Object] has no method 'zIndex' 

我使用jQuery v1.10.2和jQuery UI Datepicker v1.10.3。這是我嘗試調用的日期選擇方法

<input type="text" id="foo" /> 
<script type="text/javascript" src="/my/path/js/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="/my/path/js/jquery.ui.datepicker.min.js"></script> 

<script type="text/javascript"> 
$("#foo").datepicker(); 
</script><script type="text/javascript"> 

Answer 1

看起來像你缺少核心jQueryUI文件，嘗試將其添加到您的網頁，它應該是罰款：

<script type="text/javascript" src="/my/path/js/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
<script type="text/javascript" src="/my/path/js/jquery.ui.datepicker.min.js"></script> 

Answer 2

我沒有你的jQuery文件，因爲存儲在服務器

使用下面的鏈接上，因爲他們工作了試圖&我的系統上測試

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

擁有jQuery的日期選擇器的CSS使用下列文件

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 

必須是您的js文件的某些問題

Answer 3

問題可能是DOM未完全加載。在日期選擇器的初始化，應在「文件準備就緒」功能，就像這樣：

$(function() { 
    $("#foo").datepicker(); 
});