簡體   English   中英

為什么jqueryUI datepicker會拋出錯誤?

[英]Why is jqueryUI datepicker throwing an error?

我正在嘗試jqueryUI,但firebug在此腳本上捕獲以下錯誤:

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

螢火蟲錯誤如下:

$("#date").datepicker is not a function

在我的HTML上,“日期”ID如下所示:

<input type="text" name="date" id="date" >

注意:我在該部分使用了正確的JqueryUI css / js腳本

什么都沒有執行......

jQuery文檔說你可以通過這個命令調用datepicker:

$("#datepicker").datepicker();

如果單擊文檔頁面上的“查看源”按鈕,您可以看到它們已將其包裝到ready函數中:

$(document).ready(function(){
    $("#datepicker").datepicker();
  });

編輯:它應該與INPUT一起工作(感謝指出Steerpike)。 這是我寫的測試,它有效,請親自嘗試:

<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#datepicker").datepicker();
  });
  </script>
</head>
<body>
  <input type="text" id="datepicker" value="this is a test">   
</body>
</html>

對我而言,只是確保jquery ui是所有js包含列表中的最后一個。

你幾乎肯定沒有正確加載datepicker插件。 請提供您用於包含javascript文件的代碼。

如果您遇到問題,請從google api加載jquery和UI。

<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
    google.load("jqueryui", "1.7.0");
</script>

這是一個老帖子,但我在尋找解決方案時到了這里,所以人們仍然閱讀它;)我已經或者更確切地說有同樣的問題。 在我的情況下,事實證明我以錯誤的方式在html中附加js(注意我以什么方式結束script標記)

錯誤: <script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"/>

好的: <script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"></script>

當我以錯誤的方式做錯時,我遇到了同樣的錯誤。

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

確保你的函數在.ready main函數內。

您可能正在加載prototype.js或另一個使用$作為別名的庫。

嘗試用jQuery替換$。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM