显示onclick弹出框到特定ID

Question

Like the one i have highlighted in picture popup box appear in every chatbox i want it to appear only on selected chatbox

Number.toFixed()

Answer 1

为您的标签添加ID。并仅显示该选定元素的弹出框。 假设您有textarea作为选择器，则您的代码应该是。

<textarea class="popupbox" id="popupbox_ + to_user_id" ></textarea>

和JS代码中

   <script>
     $(document).ready(function() {
      function make_chat_dialog_box(to_user_id, to_user_name) {
        var modal_content = "<div id=user_dialog>..</div>";
        $("#user_model_details").append(modal_content);
      }
      $(document).on("click", ".chat_message", function(e) {
        e.preventDefault();
        var to_user_id = $(this).data("touserid");
        console.log(to_user_id); /** Make sure it is correct */
        $("#popupbox_"+to_user_id).css("display", "block");
      });
   });
  </script>;