将 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中文网其他相关文章!