ajaxとjavascriptの問題 - 複数の回の発砲や発砲機能がありません

Question

jquery、PHPと一緒にajaxで動くチャット/ソーシャルネットワークをまとめましたが、javascriptに問題があります。

メインページにjsファイルがあり、これはdivコンテナにPHPをロードします.jsファイルはdivの下にあります。しかし、msgをポストするための関数は1つしか動作しないように見えるが、他のものはそうではない。

私は、動的にロードされたphpを持つjsファイルをajaxの最後にロードしようとしましたが、機能はうまく動作しますが、同じメッセージ/コメントの複数のエントリを取得しています。

私はPHPではないと確信しています。これを解決する方法はありますか？

これが正常に動作機能である：

$("#newmsgsend").click(function(){ 

    var username = $("#loggedin").html(); 
    var userid = $("#loggedin").attr("uid"); 
    var message = $("#newmsgcontent").val(); 

    if(message == "" || message == "Enter Message..."){ 
     return false; 
    } 

    var datastring = 'username=' + username + '&message=' + message + '&uid=' + userid; 

    //alert(datastring); 

    $.ajax({ 
     type: "POST", 
     url: "uploadmsgimage.php", 
     data: datastring, 

     success: function(data){ 
      document.newmessage.newmsgcontent.value=""; 

      //need to clear browse value too 
      $('.msgimage').hide('slow'); 
      $('#addmsgimage').show('slow'); 
      $(".usermsg").html(data); 
      $("#control").replaceWith('<input type="file" name="file"/>'); 
      $(".msgimage").remove(); 
     } 
    }); 
}); 

そして、これは動作しません。そのうちの一つである：

//like btn 
$(".like").click(function(){ 

    var postid = $(this).attr("pid"); 

    var datastring = 'likeid=' + postid; 

    $.ajax({ 
     type: "POST", 
     url: "addlike.php", 
     data: datastring, 
     success: function(data){ 
      $(".usermsg").html(data); 
     } 
    }); 
}); 

Answer 1

あなたのポストから、私は、各メッセージは、Aがあることを推測しています"Like"ボタンがありますが、1つのメイン送信ボタンがあります。メッセージが動的に読み込まれるときには、それが来るときに各メッセージに.likeを割り当てる必要があります。そうでなければ、それは既存のメッセージにのみ割り当てられます。

私が収集したもの（これは推測です）の問題はおそらくライブを使用して修正されるため、動的にロードされたメッセージを含むすべてのメッセージにjQueryが自動的にクリック機能を割り当てます。その代わりに：

$(".like").click(function(){ 

これを試してみてください：

$(".like").live('click', function(){ 

をこれで問題が解決しない場合は、私はおそらくそれが何であるかを理解していませんよ。