动态生成的jQuery函数在多个实例时停止工作

Question

我有一个与环聊类似的聊天应用程序。当您单击用户时，将生成聊天div。我有一个简单的功能，就是允许他们在文本区域中按Enter键发送文本，效果很好，但是如果我有多个动态生成的jQuery函数，则仅LAST函数仍然可以使用。我假设它停止了先前实例的运行。我该如何解决？

• 同样，当用户开始聊天时，它会加载该聊天会话的脚本，因为我认为我需要一个唯一的ID而不是一个类名，因此我可以将ID传递给数据库-可能不是最有效的方法我知道的事情：

  echo "$('#im-textbox".$receiver_id."').on('keyup', function(event){
  
   if (event.keyCode == 13) {
        //$(this.form).submit()
         var dataset = $('#im-form".$receiver_id."').serialize();
        $.ajax({
            url: 'data/add-chat.php',
            data: dataset,
            method: 'post',
            success: function(data) {
                console.log(data);
            }
        });
  
        $('#im-textbox".$receiver_id."').val('')
       return false;
  
     }
    });
  ";
  

谢谢您的帮助！

Answer 1

我用这个固定它...

$(document).on('keyup', '#im-textbox".$receiver_id."', function(event){
  if (event.keyCode == 13) {
          //$(this.form).submit()
           var dataset = $('#im-form".$receiver_id."').serialize();
          $.ajax({
              url: 'https://easyrepair.us/manage/data/add-chat.php',
              data: dataset,
              method: 'post',
              success: function(data) {
                  console.log(data);
              }
          });

          $('#im-textbox".$receiver_id."').val('')
         return false;

       }
  });