javascript - 如何在选择的按钮上动态/持续绑定(bind) jQuery 事件处理程序？

Question

我正在寻找一种将带有 jQ​​uery 的点击事件处理程序绑定(bind)到 div 容器的方法。

虽然这个 div 容器每 10 秒重新渲染一次， jQuery 失去了对 div 容器的绑定(bind)。

如何防止这种情况？

这是我的 div-Container 的样子:

<div id="container">    
<h:panelGroup id="panel" layout="block">
    <h:form id="form">                                              
            <div class="wrap">
                    <div class="call-button" rel="#overlay"></div>      
            </div>              
    </h:form>
</h:panelGroup> 

这里是一些 Javascript:

$('div.call-button[rel]').on('click').overlay({
                    //show overlay
                });

感谢您的帮助

Answer 1

事件委托(delegate):

$("div.wrap").on("click", "div.call-button[rel]", function() {