javascript - 生成一个按钮并将其绑定(bind)到另一个 onclick 函数

Question

如何添加按钮并对外部 onclick 函数使用react？我也需要它可用于生成的按钮和网站上的静态按钮。目前，我有两次该功能，使其适用于两种按钮，但这似乎有点多余。

button.on("click", function() {
  banner.addClass("alt")
  $("<br><button class='test'>TEST</button><br>").insertAfter(button);

  //Here it works for the generated button:
  $(".test").on("click", function() {
    banner.removeClass("alt")
    banner.addClass("alt2")
  })

})

//Here it only works with the static buttons:
$(".test").on("click", function() {
  banner.removeClass("alt")
  banner.addClass("alt2")
})

https://jsfiddle.net/tdL3s4f8/

Answer 1

通过以下方式将单击监听器添加到父容器元素句柄。我选择文档作为父级，您可以更具体。

$(document).on('click', '.test', function(){
    banner.removeClass("alt")
    banner.addClass("alt2")
})