javascript - 如何使用事件监听器动态分配 ID 到表单字段？

Question

我允许用户单击链接，这将向页面添加一个字段。用户可以单击链接向页面添加任意数量的字段。单击该字段时，会出现一个日历，因为它是日期字段。我正在使用“随时+时间”日历。 jQuery 等待来自具有特定 id 的字段的单击事件。这是代码:

$('#start_date').click(
        function(e) {
            $('#start_date').AnyTime_noPicker().AnyTime_picker().focus();
        } );

ID 是start_date。问题是用户可以单击链接来添加名为 start_date 的新字段，并且由于 id 相同，jQuery 事件监听器无法唯一标识每个字段。对于这种情况有已知的解决方案吗？

Answer 1

我不清楚:附加唯一编号对您不起作用吗？如果您可以创建字段，但没有附加点击处理程序，请尝试在创建元素时向元素添加 class="pickerField" ，并将处理程序更改为:

$('.pickerField').click(
        function(e) {
            $(this).AnyTime_noPicker().AnyTime_picker().focus();
        } );

我相信这应该适用于 jQuery 1.7.2。如果由于某种原因没有成功，请尝试以下操作:

$('.pickerField').on('click',
        function(e) {
            $(this).AnyTime_noPicker().AnyTime_picker().focus();
        } );

如果您使用的是旧版本的 jQuery，请尝试使用 live 而不是 on。