Javascript 无法将单击事件绑定到回显元素

在JS中，我通过XHR启动了一个PHP脚本，它应该执行以下操作：

 if($update)
    echo "<div class='popup'><div>(some text)</div></div>.";

echo "<script> $(document).ready(function() { $('.popup').bind('click', function() {   $('.popup').hide(); }); }); </script>"

if（$update）
回声“（一些文字）。”；
echo“$（document）.ready（function（）{$（'.popup'）.bind（'click'，function（）{$（'.popup'）.hide（）；}）；”

---

我想我已经尝试了所有的方法，但是我无法在单击后使

.popup

隐藏。我应该把

.bind

处理程序放在哪里才能工作？

首先将jQuery脚本添加到JavaScript文件中，该文件对所有页面或任何您想要的页面都是通用的

例如：

// Put this to main.js script file
jQuery(document).on('click', 'div[data-rel=popup]', function(e){
  e.preventDefault();
  e.stopPropagation();
  $(this).hide();
});

并将您的HTML作为：

if($update)
    echo "<div class='popup' data-rel='popup'><div>(some text)</div></div>.";

if（$update）
回声“（一些文字）。”；

它应该像您拥有的一样工作：。控制台上有错误吗？