jquery - jQuery按钮单击处理程序未执行

Question

我在表单中有按钮

<button class="btn btn-danger" id="btn-reset-mainform">Reset</button>

此按钮的单击事件在单独的 .js 文件中处理，因此我也可以以其他形式使用以下代码。但它没有执行。

$('#btn-reset-mainform').click(function (e) {
    e.preventDefault();
    var form = $(this).parents('form');
    ResetMainForm(form);
});

有什么建议吗？

Answer 1

尝试这样的事情

$(function(){
    $(document).on('click','#btn-reset-mainform',function (e) {
        e.preventDefault();
        var form = $(this).parents('form');
        ResetMainForm(form);
    });
})

注意：在 jquery 文件之后添加您的 js 文件。

Answer 2

在document.ready和on()中编写代码

$(document).ready(function(){
//^^^^^^^add this in your script
$(document).on("click","#btn-reset-mainform",function (e) {
    e.preventDefault();
    alert('resettng from lib');

    var form = $(this).parents('form');
    ResetMainForm(form); alert('resettng from lib');
    });

});