Кнопки, не работающие после AJAX, не получают параметры для контроллеров

Question

Я довольно новичок в AJAX.Я понимаю, что после добавления нового элемента к новым элементам не добавляются события.

У меня есть форма для создания бизнеса, она открывает модал, мы заполняем поля и затем добавляем егочерез AJAX, а затем добавляет строку в таблицу данных.В этой строке есть имя пользователя, но когда это будет сделано, моя кнопка не будет принимать имя параметра, а для добавления изображения требуется, чтобы название компании работало.

$("#formCreateBusiness").submit(function (event) {

    event.preventDefault();
    var myformdata = $("#formCreateBusiness").serialize();

    if (!$(this).valid()) {
        return;
    }

    $.post("/Administration/Admin/CreateBusiness", myformdata)
        .done(function (dataResponse) {
            toastr.success("Created business succesfully");
            $("#CreateBusinessModal").modal('hide');

            var buttons = <a class="btn btn-info btn-sm" 
    href="/Administration/Admin/AllLogbooksForBusiness/${dataResponse.name}">
            <i class="fas fa-pencil-alt"></i>
            Manage Logbooks
        </a>
        <a class="btn btn-primary btn-sm" style="margin-top:5%"

    href="/Administration/Admin/AddImageToBusiness/${dataResponse.name}">
            <i class="fas fa-images"></i>
            Add Image
        </a>`;

            $('#table').DataTable().row.add([dataResponse.name, dataResponse.location, dataResponse.description, buttons]).draw();

        }).fail(function (dataResponse) {
            toastr.error(dataResponse.responseJSON.message);
        });
});

Answer 1

В вашем коде отсутствует '. Добавьте ' после var buttons =, чтобы исправить синтаксис.

Ваш код:

 var buttons = <a ...

просто измените это на:

var buttons = '<a ...

...</a>';

Рекомендуется использовать IDE или правильный редактор кода, потому что при его использовании в будущем будут выделены синтаксические ошибки, подобные этим.