Question

当输出到来时，我点击按钮显示输入的副本，但它不执行第一次输出的任务？

 <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 file

<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>

Answer 1

首先，在这种情况下你会遇到重复的id“btn1”和“btn”你应该使用class（或任何其他选择器）而不是id。 Id在整个doucument中必须是唯一的。

其次，即使你绑定到正确的类，你将绑定“一次”，这意味着新创建的元素将不会被绑定。寻找文档：Direct and delegated events。在较旧的JQuery版本中，有类似$(selector).live()的内容，但已弃用（＆gt; 1.7）并已删除（＆gt; 1.9）。

还有一个提示，您可以尝试使用$(this)来识别您的功能中点击的元素。

ajax html输出不像第一次一样？

1 个答案: