jQuery：委托多次添加输入字段

Question

这是链接：演示链接

单击“组”，然后单击“货币” 。您将看到一个带有绿色“+”号的表格。单击此绿色“+”时，会添加多个输入字段，而不是一个。

以下是单击“+”号时的代码。

第 178 行：

jQuery('#input span.con').delegate('p a[id=add_field]', 'click', function(){ 


var Id = jQuery(this).attr('id');
Id = 1+ parseInt(Id); 

jQuery('#input span.con p span.text_field').append('<span class="text_field" id="'+ Id +'"><input type="text" name="pemails[]" class="text_field" /><a class="edit_field" name="delete" id="'+ Id +'" href=""><img src="'+base_url+'resource/images/fend/delete.png" border="0" /></a></span>');

返回 false；

});

第 472 行

jQuery('#input span.con').prepend('<p><label for="" class="label">Participent Email:</label><span class="text_field"><span class="text_field">Click here to add the data.<a class="edit_field" name="add_field" id="add_field" href=""><img src="'+base_url+'resource/images/fend/add.png" border="0" /></a></span><span class="text_field" id="1"><input type="text" name="pemails[]" class="text_field" /><a class="edit_field" name="delete" id="1" href=""><img src="'+base_url+'resource/images/fend/delete.png" border="0" /></a></span></span></p>');
    }

js 文件参考： 文件名：wizard.js 线路号：178 第#行：472（它通过javascript添加“+”号）

有人可以指导我哪里做错了以及如何纠正它。

提前致谢

Answer 1

你不应该有重复的 id，绝对不应该。这可能会给您带来问题。

您在这一行中为跨度和 a 提供相同的 ids (Id var)（它们是数字，不应该！）

jQuery('#input span.con p span.text_field').append('<span ... id="'+ Id +'">...<a ... id="'+ Id +'" ...>...</a></span>');

我的建议是使用如下所示的 ids：

var aId = "a"+Id;
var spanId = "span"+Id;

所以您会有：

jQuery('#input span.con p span.text_field').append('<span ... id="'+ spanId +'">...<a ... id="'+ aId +'" ...>...</a></span>');

希望这会有所帮助。干杯