使用javascript为每个新添加的按钮提供唯一的点击监听器

Question

我正在以这种方式在某个事件上添加动态按钮：

...

var count = 0;

var html button = '<button type="button" class="add-condition @(Model.Name) ' + count + ' btn btn-default" name="add-condition @(Model.Name)">Add</button><div class="conditions @(Model.Name) ' + count + '">'

count++;

...

并且事件点击监听器是：

@*$(".add-condition." +  modelActivityElements.Name, $(this)).click(function (e) {

 });

我想处理动态添加的 N 按钮的点击，但这样就会触发点击 N 次。

如何处理单击？

Answer 1

您似乎正在初始化循环内的单击处理程序。而是在循环外初始化侦听器，并在事件处理程序中获取按钮特定参数。

$('.add-caption').click(function() {
   var name = $(this).attr('name') // @Model.name
   // do other stuff
});

Answer 2

您是否在循环中添加动态按钮