Ajax HTML输出不像第一次那样工作

ajax html output does not work like first time?

本文关键字：工作 第一次 HTML 输出 Ajax      更新时间：2023-09-26

当输出来的时候，我点击按钮输入的副本显示，但它不执行任务像第一个输出?

 <body>
 <div>
   <form>
          <input type="text"title="togle">
          <input type="text"title="togle">
          <input type="text"title="togle">
          <input type="button" id="btn1" value="togle">
          <input type="button" id="btn" value="onclick">

   </form>
 </div>
          <div id='show_data'></div>
</body>

ajax代码函数

 $(document).ready(function(){
   $("#btn1").click(function() {
       $('[title="togle"]').toggle();
   });
 $("#btn").click(function (event) {
     $.ajax({
        url: "bzu.html",
          success: function (result) {
            $("#show_data").append((result));
        }
    });
  });
});
url文件

<form action="">    
    <input type="text">
    <input type="text">
    <input type="text">
    <input type="button" id="btn1" value="togle">
    <input type="button" id="btn" value="onclick">
</form>

首先，在这种情况下，您将有重复的id "btn1"answers"btn"，您可能应该使用class(或任何其他选择器)而不是id。Id在整个文档中必须唯一。

其次，即使绑定到合适的类，也只能绑定"一次"，这意味着新创建的元素不会被绑定。寻找文档:直接和委托事件。在旧的JQuery版本中，有类似$(selector).live()的东西，但它已被弃用(>1.7)和删除(>1.9)。

还有一个提示，您可以尝试使用$(this)来识别在函数中单击的元素。

相关文章：