无法将click事件绑定到回显元素

时间:2013-10-25 10:14:30

标签: javascript jquery css bind

在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处理程序才能工作?

1 个答案:

答案 0 :(得分: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>.";