Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
单击时的Javascript检查主要问题_Javascript - Fatal编程技术网

单击时的Javascript检查主要问题

单击时的Javascript检查主要问题,javascript,Javascript,我从mysql获取信息,然后将其显示在网站上,每个{info}都有一个添加了.innerHTML=“Code”的按钮 我不知道怎么做,我可以按那个按钮,这是增加 for (i = 0; i < sameItems; i++) { Listings += '<tr>\ <td>\ <center>\ <div class="avatar" style="padding-right

我从mysql获取信息,然后将其显示在网站上,每个{info}都有一个添加了.innerHTML=“Code”的按钮

我不知道怎么做,我可以按那个按钮,这是增加

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;
}
在我看来,它不起作用,因为我在加载html或类似的东西后添加html


您能提供帮助吗?

查看您的代码,似乎您正在使用jquery

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

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

使用方法,您可以在元素被事件添加到dom中之前绑定事件

“因为我是在加载html之后添加它,或者类似的东西”——确切地说;只能将事件处理程序附加到已存在的元素。我建议您研究并委派事件处理程序。重复的问题将有您的答案。“您可以在将元素添加到dom中之前绑定事件”-仅供参考,此技术被称为。显然是重复的-为什么还要回答?@JohnWhite是的,是的,@mplungjan我没有意识到。这不起作用。
$( document ).on( "click", ".buylisting", function () {
    console.log('test');
});