Question

我从mysql获取信息，然后在网站上显示，每个{info}都有一个添加了.innerHTML =＆＃34; Code＆＃34 ;;

的按钮

我不知道怎么做我可以按下添加的按钮

for (i = 0; i < sameItems; i++) {
    Listings += '<tr>\
        <td>\
            <center>\
            <div class="avatar" style="padding-right: 6px; display: block;">\
                <img src="images/avatar/ignas.gif" style="border: 3px solid #5ad354;" width="48" height="48">\
            </div>\
            </center>\
        </td>\
        <td>\
            <center><img src="images/money-dollar-icon.png">'+ res[(i*3)+4] +'</center>\
        </td>\
        <td>\
            <center><button type="button" class="btn btn-success buylisting" id="'+ res[(i*3)+5] +'">BUY!</button></center>\
        </td>\
    </tr>';

    document.getElementsByClassName("marketListing")[0].innerHTML = Listings;
}

我需要点击带有课程列表的按钮 - 我这样做

$(".buylisting").click(function () {
    console.log('test');
});

在我看来这不起作用是因为我在加载之后添加了html或类似的东西。

你能帮忙吗？

Answer 1

查看您的代码，看来您正在使用jquery

在这种情况下，请使用on()方法

$( document ).on( "click", ".buylisting", function () {
    console.log('test');
});

使用on()方法，您可以在将元素添加到dom

之前绑定事件

单击主要问题时的Javascript检查

1 个答案: