jquery - 如果在 AJAX 之后实例化，日期选择器不会选择任何日期

Question

确实发现了一个奇怪的错误。

Datepicker 按预期正常工作，直到我通过 AJAX 加载对象并然后将日期选择器附加到它，如下所示:

    $(".object").datepicker({
    showOn: 'both',
    buttonImage: '/images/icons/silk/calendar.png',
    dateFormat: "mm/dd/yy",
    changeMonth: true,
    changeYear: true,
    buttonImageOnly: true,
    yearRange: "2010:2030"
    onSelect: function(dateText, inst) {
      console.log('this was tapped.');
      console.log(dateText);
      console.log(inst);
    }
    })

如果我单击输入或图标，则会弹出日期选择器。但是，如果我选择任何内容，日期选择器将关闭，并且我输入中的日期不会更改。

更新

更奇怪的是。我使用上面的 console.log 调用进行了更新，它们都正确返回。然而我输入的日期并没有改变。

更新

我认为这里可能发生的情况是，页面上有几个常见的 div 具有相同的唯一 ID，因为它是可 self 克隆的表单。

更新

这是在 JSFiddle 中重新创建的错误:http://jsfiddle.net/vMhrg/

Answer 1

这似乎是您的 ID 重复的问题。 ID不能在一个页面上使用一次以上，请考虑添加一个计数器(就像我在固定代码中所做的那样)，或者如果可以的话将其完全删除。

http://jsfiddle.net/vMhrg/1/

代码(其他一切都相同):

<input type="text" value="05/08/2012" size="10" rel="Recurring End Date" name="task[scheduled_at]" id="task_scheduled_at_1" class="date-single-view">

<br />
<br />
<div class="item">
<input type="text" value="05/08/2012" size="10" rel="Recurring End Date" name="task[scheduled_at]" id="task_scheduled_at_2" class="date-single-view">
</div>

​