Javascript 单击事件can';不要被俘

Javascript 单击事件can';不要被俘,javascript,jquery,html,handlebars.js,Javascript,Jquery,Html,Handlebars.js,单击图标后,提交按钮设置为可见。 但当点击该按钮时,该按钮不起作用(该按钮的类-“编辑论坛回复”) HTML: <td style="display: none;" data-id="{{ replyId }}"> <div id="summernote2" data-id="{{ replyId }}"></div> <a class="btn btn-primary edit-forum-reply" sty

单击图标后,提交按钮设置为可见。 但当点击该按钮时,该按钮不起作用(该按钮的类-“编辑论坛回复”)

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>

该按钮的类-“编辑论坛回复”


您在绑定选择器事件中错过了类选择器的点。我也无法在提供的html中看到该类

您在html
编辑论坛回复中使用了连字符,但在绑定代码时使用了下划线
$('.edit\u forum\u reply')。on

$('.edit-forum-reply').live("click", function (event) {
    alert("NO RESULT");
});
live()
已被弃用。您最好使用
on()

如果元素具有class
edit\u forum\u reply
,则需要使用on


类选择器需要一个

$('.edit_forum_reply')

也。使用(除非您使用的是非常旧的jQuery版本)

您应该在html中使用相同的类元素以及javascript函数。这里您使用了两个不同的名称:

HTML中的
编辑论坛回复
,JS中的
编辑论坛回复
。使用以下方法,这将起作用

JS:

HTML:

<a class="btn btn-primary edit-forum-reply" style="display:none;"  data-id="{{ replyId }}">Submit</a>
提交
您需要将事件绑定到动态添加的内容。

是的,您是对的,不推荐使用

您应该尝试以下代码:

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

您使用的是什么版本的jquery?我在提供的HTMLY中也看不到该类,您在html编辑论坛回复中使用了连字符,但对于绑定代码,您匆忙使用了下划线$('.edit\u forum\u reply')。不过很有趣:)。非常感谢,这个链接有一个内联css代码style=“display:none;”,那么这个链接在页面提交中的显示方式将通过单击其他图标设置为可见
$('.edit_forum_reply')
$(document).on("click",'.edit-forum-reply', function (event) {
    alert("NO RESULT");
});
<a class="btn btn-primary edit-forum-reply" style="display:none;"  data-id="{{ replyId }}">Submit</a>
$('.edit-forum-reply').on("click", function (event) {
    alert("NO RESULT");
});