JQuery UI Datepicker 未在单击时触发(无错误)

Question

我试图在单击表单字段时显示日期选择器，但日期选择器对话框未显示。有趣的是，jquery 包含 datepicker div，但随后根本不显示或填充任何内容。

据我所知，JavaScript 错误控制台没有显示任何错误。

头部(缩短):

<link rel="stylesheet" href="/theme/sporthub/scripts/jqueryui/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://d2oqbtqshlvsrd.cloudfront.net/jquery.corner.js"></script>
<script type="text/javascript" src="/theme/sporthub/scripts/jqueryui/jquery-ui-1.8.16.min.js"></script>

表单字段:

<div class="field1"><input id="donation_start" type="text" name="donation_start" value="<?= $a_donationsSetting['donation_start'] ?>" class="date_123 marginL14 hasDatepicker" /></div>

日期选择器调用:

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

当我打开网站并使用 Firebug 查看它时，我可以看到以下行显示(它不在实际的源代码中，所以我猜它被日期选择器包含了..??)

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"></div>

我尝试使用 $('.hasDatepicker').datepicker 来调用日期选择器，并且也不将其放在 document.read() 中。没有成功。

最让我困惑的是日期选择器也在另一个包含的文件中使用，并且它工作得很好。

Answer 1

我的同事刚刚出现并告诉我删除 hasDatepicker 类。这解决了问题。

显然，jquery-ui 在该过程中添加了此类，当它已经存在时，日期选择器将不会触发。