单击时不会触发动态创建的按钮

Question

我正在根据用户在输入框中输入的内容创建按钮。但是，我链接到动态创建的按钮的功能在按下时不会触发。

function btnCreate() {
num++;
userBtn = $("<button>")
userBtn
    .addClass("btn search-term-btn dynamicElement")
    .appendTo($(".btn-holder"))
    .text(topics)
    .attr("data-name", topics);
usedTopics.push(topics + num);
topics = [];
console.log(num);
};

$(".search-term-btn").on("click", ".dynamicElement", function () {
// takes the name of the button 
searchValue = $(".search-term").attr("data-name");
console.log(searchValue);
})

类是正确的，我与检查员检查过。我只是似乎无法弄清楚为什么它没有响应

Answer 1

在 DOM 上创建点击事件。

$(document).on("click", ".search-term-btn .dynamicElement", function () {
   console.log(this)
});

Answer 2

while you are creating the buttons, you can add the onclick function there..
like userBtn = $("<button onlcikc="somefunction(this)">")

或 你可以在函数上使用

$('body').on(  "click",".dynamicElement", function() {  
  //your code
});