[英]Unable to bind click event to an echoed element
In JS I fire up a PHP script via XHR which is supposed to do: 在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>"
I think I've tried everything, but there's no way I can make .popup
hide after click. 我想我已经尝试了所有方法,但是单击后.popup
隐藏.popup
。 Where should I put .bind
handler for this to work? 我应该在哪里放置.bind
处理程序以使其工作?
First add jQuery script to your JavaScript file which is common for all pages or whatever you want. 首先将jQuery脚本添加到您的JavaScript文件中,这对于所有页面或您想要的任何页面都是通用的。
for eg: 例如:
// Put this to main.js script file
jQuery(document).on('click', 'div[data-rel=popup]', function(e){
e.preventDefault();
e.stopPropagation();
$(this).hide();
});
And echo your HTML as: 并将您的HTML作为:
if($update)
echo "<div class='popup' data-rel='popup'><div>(some text)</div></div>.";
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.