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

Question

我有一个类似于环聊的聊天应用程序。当您单击用户时，会生成聊天 div。我有一个简单的功能是允许他们在 textarea 中按 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;
  
     }
    });
  ";
  

谢谢您的帮助！

标签： javascriptphpjqueryajaxdynamically-generated

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;

       }
  });