2016-10-06 14 views
0

出力が来たら、入力のコピーが表示されているボタンをクリックしますが、最初の出力のようなタスクを実行しませんか?ajax html出力が初めてのように機能しませんか?

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

答えて

0

あなたはこのような状況にありますまず第一には、ID "BTN1" を複製して "BTN" あなたはおそらく(クラスを使用する必要がありますまたは任意の他のセレクタ)を参照してください。 IDは一意でなければなりません。

第2に、適切なクラスにバインドしても、新しく作成される要素がバインドされないということを「一度」バインドします。 doc:Direct and delegated eventsを探してください。古いJQueryのバージョンでは$(selector).live()のようなものがありましたが、廃止予定(> 1.7)と削除(> 1.9)です。

もう1つヒントを得て、$(this)を使用して、あなたの機能でクリックされた要素を認識させてみてください。

関連する問題