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');
    });

});