如何动态地将日期选择器应用到 jQuery 中创建的元素？

将 Datepicker 动态应用到创建的元素

在 jQuery 中，尝试将 datepicker() 函数应用到动态创建的元素时可能会遇到挑战元素。尽管为所有元素分配了一个公共类，但它可能只适用于第一个元素。

问题：

您动态创建了需要日期选择器日历的文本框单击时出现。使用以下代码：

$(".datepicker_recurring_start" ).datepicker();

仅在第一个文本框中显示日历。

解决方案：

要解决此问题，请使用以下方法：

$('body').on('focus', ".datepicker_recurring_start", function(){
    $(this).datepicker();
});​

说明：

此代码利用 jQuery 中的委托事件。它向整个主体（主体元素）添加焦点事件的侦听器。当任何具有 datepicker_recurring_start 类的元素获得焦点时，就会执行内联函数。然后，此函数专门为触发事件的元素初始化 datepicker() 函数。

通过使用此技术，您可以动态创建具有日期选择器功能的元素，该功能在用户交互时变为活动状态。有关更多详细信息，请参阅有关委托事件的 jQuery 文档 (http://api.jquery.com/on/)。

以上是如何动态地将日期选择器应用到 jQuery 中创建的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！