0

私はjqueryが初めてで、少し奇妙な問題に苦しんでいます。jquery で div を作成した後、使用できません。この例では、どのように問題が発生するかを示します。get.php ページに次のようなものがあると仮定しましょう:echo "test test"; 私のファイルのコード: 

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
  $("#bda").click(function()
{
$.post("get.php",function(data){
$("#tdiv").append('<div class="info" >'+data +'</div>');
});     
});

$(".info").click(function()
{
  alert("done");
});
});
</script>     
</head>

<body>
 <div id="bda">click here</div>
 <div align="center" style="border:1px solid blue" id="tdiv">    
  example
 </div>
<div class="info" >it works here</div>

誰かが私を助けることができます..

4

3 に答える 3

0

スクリプトの実行時にクリック イベントを情報クラスにバインドしますが、後で ajax プロセス中に新しい div を追加します。クリックイベントをこのクラスに再割り当てする必要があります

ここで述べたように、.click() にバインドしないで、代わりに .on() を使用してください: http://api.jquery.com/on/

$("body").on('click', '.info', function() {
  alert("done");
});
于 2012-07-10T09:41:04.667 に答える