無法點擊事件綁定到一個呼應元素

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文件中，該文件對所有頁面或任何您想要的都是通用的。

爲e.g：

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