Question

新的，并试图学习。

我在页面左侧有一个帐户名表。当我单击其中一个帐户名时，相关字段将以表单形式显示。然后，我可以更新任何字段，然后单击“更新”以更新基础SQL数据。

我还有一个文本字段和一个按钮来添加另一个帐户。这只是添加一个新记录，其帐户名称是唯一填充的字段。现在，我希望能够在上述表格中单击该帐户，然后更新新帐户的信息。但是，单击表格中的帐户不再导致其字段显示在表单中。

要添加帐户，我会在PHP页面上发帖，然后将该页面创建的HTML加载到包含该表的div中。到目前为止一切都很好。

 $("button#new").click (function (){
     company = $("input#newaccount").val();

     $.post ('db_addaccount.php',
     {'company':company},showaccounts)
      return;
  }) 

  function showaccounts(data){
     $('div#table').html(data)
  }

但是，我知道这个新加载的HTML打破了DOM，我再也不能指望单击表格中的一行并反映表单中的字段。

我知道.on函数，但无法弄清楚是否/如何在这种特殊情况下使用它。

任何建议都将不胜感激。

Answer 1

希望您为多个元素（例如每个帐户）使用类，而不是使用相同的ID等。您需要使用on()作为委托事件处理程序，并在下面的示例中{{1}你的表的ID（不是动态的？）和tableID是每个帐户（使用$ .post函数动态插入）：

.accounts

PHP / jQuery重新加载DOM

1 个答案: