javascript - 无法将点击事件绑定到回显元素

Question

在 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>"

我想我已经尝试了一切，但点击后我无法.popup隐藏。我应该把.bind处理程序放在哪里才能工作？

Answer 1

首先将 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>.";