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

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>.";