如何注册从循环点击新生成的按钮

Question

我正在为每个新元素生成一个包含按钮的列表。

这部分是在生成列表的javascript函数中。我给按钮一个叫做添加的类。当我点击按钮时，我期待一条消息。关于这个主题的其他条目和页面已经让我这么远，但我需要额外解释我做错了什么。

javascript for list（vehicleList.js）的一部分：

  ... + '<input class="adding" type="button" name="vehicle" value="Add vehicle">' + ...

点击的Javascript（html的一部分）：

<script>
$(function() {
    $('.adding').on('click', '.adding', function(){
        alert('Click detected');
    });
});
</script>

Answer 1

如果您想使用这种代码语法，您需要使用以下内容来定位文档（或父元素）：

＆＃13;

＆＃13;

$(function() {
    $(document).on('click', '.adding', function(){
        alert('Click detected');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="adding">click me</button>

＆＃13;

＆＃13;

＆＃13;

您可以阅读here：

  

.on（events [，selector] [，data]，handler）

     

...

     

选择

     

类型：字符串

     

用于过滤后代的选择器字符串   触发事件的选定元素。如果选择器为null   或者省略，事件总是在到达所选事件时触发   元件。

这适用于动态生成的按钮。