Функция оповещения Ajax не работает с данными Laravel

Question

Я пытаюсь предупредить, когда нажимаю на кнопку редактирования, но она не работает в таблице.

Код Ajax:

  <script>
        $(function(){
    var $datasearch=$('#datasearch');
    $('#searchname').on('keyup', function(){
        $.get('/teachers/search/'+$(this).val(), function(teachers){
            $datasearch.empty();
            for (var i=0; i<teachers.length; i++){

                $datasearch.append('<tr>'
                +'<td>'+teachers[i].efirst+'</td>'+
                '<td>'+'<button class="btn btn-primary alert">edit</button>'+'</td>'
                +'</tr>');

            }
        });
    });
});
    </script>

функция оповещения:

<script>
              $(document).ready(function(){
                $(".alert").click(function() {
                  alert("clicked");
                });
              });
</script>

Answer 1

Лучший способ сделать это

Добавить атрибут onclick:

$(function(){
    var $datasearch=$('#datasearch');
    $('#searchname').on('keyup', function(){
        $.get('/teachers/search/'+$(this).val(), function(teachers){
            $datasearch.empty();
            for (var i=0; i<teachers.length; i++){

                $datasearch.append('<tr>'
                +'<td>'+teachers[i].efirst+'</td>'+
                '<td>'+'<button class="btn btn-primary alert" onclick="clickfunction()">edit</button>'+'</td>'
                +'</tr>');

            }
        });
    });
});

Наконец, DOM будет выглядеть так:

<button class="btn btn-primary alert" onclick="clickfunction()">edit</button>

И напишите свою функцию в сценарии:

function clickfunction(){
     alert("clicked!");
     //Other code...
}

Answer 2

Для отображения предупреждения при нажатии кнопки редактирования можно использовать следующее:

          $(document).ready(function(){
            $("body").on("click", ".alert", function() {
              alert("clicked");
            });
          });