jQueryからjQueryのURLが認識されない$ .post

Question

以下のスクリプトは、$ .post（）レスポンスにエラーがある場合、urlを生成します。生成されたURLに関数を添付できるように.on（）を使用しようとしていますが、動作しません。 DOM内にURLを追加すると（$ .postなし）、それは魅力的な働きをしますが、URLが$ .post（）内で生成された場合は動作したくありません。どのように私はそれを働かせることができます上の任意のアイデアやソリューション？あなたのコードで

 

$(".addDoctor").on("click", function(event){ 
    alert("test"); 
}); 
 

Answer 1

$('.test')、あなたのDOMの「テスト」という名前のクラスを持つすべての要素を検索し、それらにクリックリスナを追加します。

// Do the database check: 
$.post("test.php",{searchFor : search},function(data) { 
     if(data.response == true) { 
      // DO SOME STUFF 
     } else if(data.response == false && data.error == "noDoc") { 
      $("#resultsTable").html("<tr><td colspan='6'><p><strong>No user found, <a href='#' class='addDoctor'>Click here</a> to add a doctor.</strong></p></tr>"); 
     } else { 
      $("#resultsTable").html("<tr><td colspan='6'><p><strong>"+data.error+"</strong></p></tr>"); 
     } 
    }); 
}); 

$(".addDoctor").on("click",function() { 
    alert("test"); 
    return false; 
}); 

Answer 2

はあなたのような何かを望むかもしれません。これは、.onへの呼び出しが実行されているときに検出できる要素にのみ影響します（つまり、実際のクリックが発生したときはではなく）。

あなたは後.onへの呼び出しをテストクラスを持つ要素を追加する場合は、すべてのあなたの.test要素の親になる要素の.onを呼び出す必要があります、そしてそれが破壊されることはありません。

$(document).on('click', '.test', function() { 
    alert('test'); 
}); 

最適なパフォーマンスを得るには、可能な限り近い親を選択して、適格な要素のDOMのより小さな部分を検索する必要があります。 documentの使用は必ずしも理想的なわけではありませんが、あなたのDOMを知らなくても私が想定できる最も近いものです。