javascript - jQuery .on ("click") - 替代 .live()

Question

在我的项目中，我将几个按钮附加到一个 div:

$(".tab-content").append("<div class='landing_content'><button class='off-screen-nav-button btn btn-info btn_edit' data-effeckt='effeckt-off-screen-nav-right-overlay'>Edit</button></div>");

然后使用以下代码监听点击:

$(".tab-content").on("click",".btn-edit",function(){
  console.log('edit');
});

为什么这不起作用？我习惯使用 .live() 但它已被弃用。

谢谢。

Answer 1

在您的标记中，您有 btn_edit，在您的 jQuery 中，您有 btn-edit。

更改标记 class 以匹配 jQuery 选择器，如下所示:

$(".tab-content").append("<div class='landing_content'><button class='off-screen-nav-button btn btn-info btn-edit' data-effeckt='effeckt-off-screen-nav-right-overlay'>Edit</button></div>");