Javascript 就绪功能在加载的内容上无法正常工作

我正在使用的代码可以工作，但无论我在页面上单击什么位置，而不仅仅是单击聊天发送按钮时，单击功能都会触发（发送）。聊天发送按钮位于已加载页面上

$("#div-contents").load("___contents.php");

$("#chat-send").ready(function(){
    $(this).click(function() {  
      ///Do something
    });
});

这对我也不起作用：

$("#chat-send").ready(function(){
    $("#chat-send").click(function() {  
      ///Do something
    });
});

---

第一行是加载一个位置荒谬的语句，其中包含一个可能还不存在的元素在任何其他内容开始之前发生…如果

#div contents

在开始时不在页面上，但应该在以后动态添加…那么您的逻辑真的很混乱。看看这个代码沙盒-我找到了一个解决方案。谢谢你的回复。我使用了一个简单的setTimeout函数。将答案粘贴在这里，并将其标记为已接受，谢谢