jquery - 使 jQuery 插件在动态添加的元素上工作

Question

好吧，我有这个插件 (http://timeago.yarp.com/)，它可以在现有元素上正常工作。但是，当我动态添加一个元素时，效果不会应用于该新元素。如何让插件在动态添加的元素上工作？

插件的语法是:

$("abbr.timeago").timeago();

Answer 1

这是添加动态元素时的一个已知问题。您需要重新绑定(bind)刚刚添加的元素。

例如:

$.ajax({
  url: "example.html",
  cache: false,
  success: function(html){
    var $jqueryElement = $(html);
    $("abbr.timeago", $jqueryElement).timeago();
    $("#results").append($jqueryElement);
  }
});

上面的例子重新绑定(bind)了从 example.html 返回的 abbr.timeago 并将它们添加到 DOM。