如何为一个页面应用程序多次触发事件

Question

应用程序通过socket.io与我们的Node.js服务器进行通信。在客户端，有高音引导信息部分如下：

<div id="message-section"> 
    <div class="alert alert-block"> 
     <button type="button" class="close" data-dismiss="alert">×</button> 
     <span>here comes message received from server and attached via Jquery .append()</span> 
    </div> 
</div> 

所以，当用户点击关闭此消息，Twitter的引导JS库中删除的整段：

<div class="alert alert-block"> 
      <button type="button" class="close" data-dismiss="alert">×</button> 
      <span>here comes message received from server and attached via Jquery .append()</span> 
     </div> 

下一页消息出现，我不能使用$（'。alert'）。append（）来附加新消息，因为DOM元素不再存在。为了解决这个我在Twitter的引导事件正在挂钩“封闭”如下：

$('.alert').bind('closed', function() { 
     $('#message-section').append('<div class="alert alert-block"><button type="button" class="close" data-dismiss="alert">×</button></div>'); 

    }); 

有了这个，当用户关闭的消息，这将放回必需的DOM元素附加的留言。它仅适用于一次迭代。问题是事件'封闭'绑定到'.alert'只触发事件一次，除非我刷新页面......我如何附加一个事件，触发不刷新页面多次？谢谢

Answer 1

尝试使用事件代表团：

$(document).on('closed','.alert', function() { 
    $('#message-section').append('<div class="alert alert-block"><button type="button" class="close" data-dismiss="alert">×</button></div>'); 
}); 

http://api.jquery.com/on/