MVC5 Uncaught ReferenceError: addNewRowTract не определен в HTMLButtonElement.onclick

Question

Этот проект является частью модального всплывающего окна, у меня проблемы с подключением функции addNewRowTract (btnID, texboxID) к моему <button.... onclick="addNewRowTract('#addTract','#TractId')">. Я включил свой jQuery в те же сценарии представления @ cshtml @section scripts {... и элемент onclick не подключается к js. Любое направление будет очень полезно.

Вот функция:

function addNewRowTract(btnID, texboxID) {

    var myurl = $(btnID).data('url');
    var id = $(texboxID).val();
    var taskID = $(btnID).attr('data-taskID');
    var mydata = {
        'Id': id,
        'TaskID': taskID
    };

    var tableID = $(btnID).data('table');

    $.ajax({
        url: myurl,
        data: mydata,
        type: "post",
        cache: false,
        success: function(result) {
            $(tableID).find('tbody:first').prepend(result);
        }
    });

}

//here's the button

<button type="button" class="btn btn-success" data-dismiss="modal" id="addTract" data-url='@Url.Action("NewTaskTract", "Tasks")' data-taskID='@Model.TaskID' data-table="#taskTractTable" onclick="addNewRowTract('#addTract','#TractId')" />

Answer 1

Правильный способ добавить прослушиватель событий для любого типа объекта, как показано ниже:

HTML

<button type="button" class="btn btn-success" data-dismiss="modal" id="addTract" data-url='@Url.Action("NewTaskTract", "Tasks")' data-taskID='@Model.TaskID' data-table="#taskTractTable" data-textboxid="#TractId">

Javascript

    $('body').on('click','#addTract',function(){
      var btnId=$(this).attr('id');
      //and your rest of code
    });