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

Question

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

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

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

score 2 · Accepted Answer

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

$('.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.

1 回答 1