кнопка 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); 
    }); 
}) 

ПРИМЕЧАНИЕ: Добавить файл JS после Jquery файла.

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

});