Javascript 如何在选择的按钮上动态/持续绑定jQuery eventhandler？

我正在寻找一种将带有jQuery的click eventhandler绑定到div容器的方法

虽然此div容器每10秒重新加载一次， jQuery将丢失与div容器的绑定

如何预防

以下是我的div容器的外观：

<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> 

感谢您的帮助活动代表团：

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

活动代表团：

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

---

使用事件委派，因为您正在处理动态元素委派

$('#container').on('click', '.call-button[rel]', function(){
    //click handler
})

---

使用事件委派，因为您正在处理动态元素委派

$('#container').on('click', '.call-button[rel]', function(){
    //click handler
})

尝试：

尝试：

---

什么是：

.overlay（{}）

？？这是来自jQuery工具的jQuery overlay这个插件似乎没有实现任何类型的委托，一旦添加了新元素，您就必须重新初始化overlay插件，例如在ajax成功回调中。理想情况下，您不会在已经初始化的覆盖元素上重新初始化它，您必须找到如何确定它，例如检查特定的类或数据或whateverHi Wolff，谢谢您的帮助。它现在正在运行：在pageload上调用overlay now，并且（如您所建议的）在每次通过

jsf.ajax.addOnEvent进行渲染后（

是什么：

.overlay（{}）

？？这是来自jQuery工具的jQuery overlay这个插件似乎没有实现任何类型的委托，一旦添加了新元素，您必须重新初始化overlay插件，例如，在ajax内部成功回调。理想情况下，您不会在已经初始化的覆盖元素上重新初始化它，您必须找到如何确定它，例如检查特定的类或数据或whateverHi Wolff，谢谢您的帮助。它现在正在运行：现在在pageload上调用覆盖，并且（如您所建议的）在每次通过

jsf.ajax.addOnEvent

委派进行渲染之后调用覆盖。。。好吧，行了。但是如何以这种方式触发覆盖。它不会显示为

$（'div.wrap'）。在（'click'，'div.call-button[rel]'，false'）上。覆盖（…）

委派。。。好吧，行了。但是如何以这种方式触发覆盖。它不会显示为

$（'div.wrap'）。在（'click'，'div.call-button[rel]'，false'）。覆盖（…）