執行實時功能

Question

我有一個ajax調用，我想執行2個事件，每當文檔被加載，並且每當點擊foo-live-event。做這個的最好方式是什麼？

$(document).delegate(".foo-live-element", "click", function() { 
    $.ajax({ 
    //ajax call 
    }); 
}); 

Answer 1

$(document).ready(function() { 
    $(".foo-live-element").live("click", function() { 
    $.ajax({..}); 
    }); 

    /* the following code will fire the click event on all foo-live-element element's after the page loads */ 
    $(".foo-live-element").each(function(index, item) { 
    $(item).click(); 
    }); 
}); 

只要單擊與class="foo-live-element"元素這段代碼會火，即使是動態創建的元素。