执行实时功能

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"的元素，就会触发此代码，即使该元素是动态创建的。