单击具有相同类的元素

Question

我知道这可能听起来很愚蠢,但出于某种原因,我有一些奇怪的问题.

所以,我在js中有一个代码生成一个带有按钮的表我给了所有按钮同一个类.

当我尝试点击它们并使用jquery函数来console.log时没有任何事情发生.

$.each(data,function(i, d){
    $('#myTable tbody').append(`
        <tr>
            <td>${d.Date}</td>
            <td>${d.Name}</td>
            <td>${d.Score}</td>
            <td><button class='graphXY' data=${d.id}>View</button></td>
        </tr>`);
});

它内部的ajax和表生成良好,每个按钮获得类和数据良好.

现在,当我尝试做

$(".graphXY").click(function(){
    console.log("hit");
})

基本没什么事情发生,由于某种原因,我找不到原因.

Answer 1

您使用的绑定click()称为“直接”绑定，它只会将处理程序附加到已经存在的元素。

它不会绑定到将来创建的元素。为此，您必须使用 来创建“委托”绑定on()。

$("#myTable").on("click", ".graphXY", function(){
    console.log("hit");
})