无法捕获点击事件

Question

单击图标后,"提交"按钮将设置为可见.但是然后单击该按钮这不起作用(该按钮的类 - 'edit_forum_reply')

    $('.edit_forum_reply').on("click", function (event) {

   alert("NO RESULT");
     });

HTML:

    <td style="display: none;" data-id="{{ replyId }}">

        <div id="summernote2" data-id="{{ replyId }}"></div>
        <a class="btn btn-primary edit-forum-reply" style="display:none;"  data-id="{{ replyId }}">Submit</a>
        <a class="btn"  style="display : none;" href="forum/api/topic/" data-id="{{ replyId }}">Cancel</a>

   </td>

Answer 1

你应该在html和javascript函数中使用相同的类元素.在这里,您使用了两个不同的名称:

edit-forum-reply在HTML和edit_forum_replyJS中.使用以下,这将工作.

JS:

$(document).on("click",'.edit-forum-reply', function (event) {
    alert("NO RESULT");
});

HTML:

<a class="btn btn-primary edit-forum-reply" style="display:none;"  data-id="{{ replyId }}">Submit</a>

您需要将事件绑定到动态添加的内容.