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

单击编辑按钮时，以下内容可用于显示警报：

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

Answer 2

最佳方法

添加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...
}

Ajax警报功能不适用于laravel数据

2 个答案: