[英]jQuery dynamically created datepicker not working
我已经完成了我看到的大多数解决方案,但是对我的解决方案却无效。
这是我的代码:
function regenerateDatePickers()
{
var length = $( ".forduplication" ).length;
alert( length );
for ( var i = 1 ; i <= length ; i++ ) {
$( "#endDate" + i ).removeClass( "hasDatepicker" );
$( "#endDate" + i ).datepicker();
}
}
仅原始日期选择器字段有效。 克隆的不是。 不过,奇怪的是,我动态创建的“选择” *字段正在工作。
*选择http://harvesthq.github.com/chosen/
编辑-添加了HTML代码
<tr class="forduplication">
<td>
...
...<!--lots of other HTML codes-->
...
</td>
<td><input id="endDate1" name="endDatefield1" size="10"></td>
...
</tr>
.live()不再受支持。 使用.on()可以解决。
$('body')
.on('click', '.datePick', function() {
$(this).datepicker();
})
.on('focus', '.datePick', function() {
$(this).datepicker();
});
对于所有输入字段都有一个类,在这种情况下,我使用datePick
作为类
$('input.datePick').live('focusin', function() {
$(this).datepicker();
});
希望这可以帮助
一种方法是在每次点击时销毁并重新分配日期选择器,但它存在性能问题
$('input[id^="endDate"]').live('click', function() {
$(this).datepicker('destroy').datepicker({showOn:'focus'}).focus();
});
它可以工作,但是每次单击输入时都删除并添加日期选择器。 因此,如果您可以像克隆输入一样立即执行此操作,那是更好的选择
....clone().datepicker('destroy').datepicker({showOn:'focus'});
然后将该元素添加到您想要的位置。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.