Question

我使用以下HTML代码在应用程序上创建了3个默认按钮：

<div class="buttons">
    <button type="button" class="btn btn-info search-button">south park</button>
    <button type="button" class="btn btn-info search-button">dog</button>
    <button type="button" class="btn btn-info search-button">trump</button>
</div>

稍后在应用程序中，我使用jQuery代码在.buttons div上添加新按钮：

$(".buttons").append('<button type="button" class="btn btn-info search-button">' + searchTerm + "</button>")

这些按钮可以完美地显示在HTML文档上，但是当我单击新添加的按钮时，不会捕获click事件。这是我用来捕获默认按钮的代码。

$(".search-button").on("click", function() {
    clearResults()
    var searchTerm = $(this).text()
    apiSearch(searchTerm)  
})

我已经检查了应用程序，默认按钮和附加按钮的HTML相同，为什么附加按钮的作用与具有相同代码的默认按钮不同？

附加的HTML元素不响应用户点击

0 个答案: