Question

在我的php页面中，当按下带有JQuery Ajax的按钮时，我会添加新的按钮和信息，但是当我点击ajax附带的新按钮时，它的JQuery不起作用，但旧按钮的JQuery工作，我的意思是新的按钮没有看到我的php页面的javascript文件。

我的JQuery Ajax代码;

$("button[name='addnewelement']").click(function() {




$.ajax({    


    type: "POST",
    url: "addelement.php",

    cache: false,
    success: function(html){


    $("#new").append(html);// add new element into index.php
  });
  });

addelement.php;

  echo "
      .......
     <button id="<?php echo $row['id']; ?>" name="addnewelement"  >Add</button>
     ....... 
   " ;

我该如何解决这个问题？

感谢。

Answer 1

echo页面中的addelement.php就像

echo '<button id="'.$row['id'].'" name="addnewelement"  >Add</button>';
exit;

最好将exit放在echo之后。确保遵循语法并使用一个好的IDE来查找语法错误。

Answer 2

您应该使用点击事件处理程序而不是单击事件处理程序。
这是链接：http://api.jquery.com/on/
例如。

$( document).on( "click", "button[name='addnewelement']", function() {
$.ajax({    
    type: "POST",
    url: "addelement.php",
    cache: false,
    success: function(html){
    $("#new").append(html);// add new element into index.php
  });
});

Ajax元素看不到JQuery

2 个答案: