javascript - 当ajax完成javascript功能时不起作用

Question

当我的 ajax 请求完成时，我的功能不起作用。

这是我的脚本:

    <script>
     function sendmsg(id,msg){
      alert('id is'+id+'and msg is '+msg);
    }
    <script>

<div class="div1">
  <div id="ajaxreq">

  </div>
<input type="button" onclick="loadmore();" />
 </div>



     <script>
        function loadmore(){
          $.ajax({
             URL:"div1.php",
             data:"act=get",
             type:"GET",
             success: function(data){
          if(data !=""){
               $("#ajaxreq").append(data);
          }
            },
            error: function(data){
              alert("Error Load");
            }
         });
        }
        </script>

附加数据时:

<div id="ajaxreq">
  <div id="content">
    <img src="./img/1.png">
     <input type="button" onclick="sendmsg("1","Image1");"/> // this is what is want to do//
   </div>
</div>

Answer 1

如果您没有使用 javascript 或 jquery 在 button 上使用 event 绑定(bind)，请修复您的 button 代码段，

<input type="button" onclick="sendmsg("1","Image1");"/>

至，

<input type="button" onclick="sendmsg('1','Image1');"/>

编辑:

在您的成功 ajax 处理程序中，

success: function(data){
          if(data !=""){
               $("#ajaxreq").append(data);

                  $("#ajaxreq").on('click','button', function(){
                        //add your button click logic
                  });

                  //trigger click on this button
                  //your button dont have any id so do like this..
                  $("#ajaxreq").find("button").click();
          }
},