Question

我正在寻找一种方法将click-eventhandler与jQuery绑定到div-container。

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

如何防止这种情况？

这就是我的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

活动授权：

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

Answer 2

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

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

Answer 3

尝试：

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

如何在选择的按钮上动态/不断地绑定jQuery事件处理程序？

3 个答案: