首页 > web前端 > js教程 > 如何动态地将日期选择器应用到 jQuery 中创建的元素?

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

DDD
发布: 2024-10-20 20:43:30
原创
1025 人浏览过

How to Dynamically Apply Datepickers to Created Elements in 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中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板