将jQuery Datepicker添加到动态添加的<input>

Question

我有一个方法,在我的控制器中创建一个表单:

...
sbReturn.Append(String.Format("<p id='planSetupAddNewEffectiveDate'>"));
sbReturn.Append(String.Format("<label for='txtPlanSetupAddNewEffectiveDate'>Effective Date </label>"));
sbReturn.Append(String.Format("<input type='text' id='txtPlanSetupAddNewEffectiveDate' class='plansetupdate' />"));
sbReturn.Append(String.Format("</p>"));
...

有没有办法将datepicker附加到该文本字段？

我试过这个标准

$(".plansetupdate").datepicker();

和

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

但实际上都没有生成日期选择器.我知道当从错误添加的控件(即按钮)中捕获事件时使用.live(即.xxx.live('click',function()...),这种情况是否有类似的东西？

Answer 1

你可以使用这个.liveQuery()插件,.live()没有完全取代它,你的情况是一个很好的例子,你这样做是为了得到你想要的结果:

$(".plansetupdate").liveQuery(function() {
  $(this).datepicker();
});

原因是:它当前不工作的原因是因为当你执行$(".plansetupdate").datepicker();它正在做的事情是这样的:

• 用类查找所有元素 planetsupdate
• 在它们上做日期选择

但是......你的元素在运行时无法找到,后来又添加了. .liveQuery()继续看.另外,如果您通过加载此内容,$.ajax()可以在您的成功或完整处理程序中进行操作,如下所示:

$.ajax({
  //Stuff
  success: function(data) {
     $(".plansetupdate", data).datepicker();
  }
});

这将在您返回的数据中查找.planetsupdate要添加新日期选择器的元素.