如何爲一個頁面應用程序多次觸發事件

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/