javascript - jQuery TimeAgo 的 .on()

Question

我正在寻找一种方法来在动态插入页面的新 $("abbr.timeago" 元素上触发 .timeago() 函数。现在这就是我正在做的事情。

# Triggered on initial page load

# application.js.coffee
jQuery ->
  # Timeago
  $("abbr.timeago").timeago()

一些元素是动态替换的，我发现在将它们插入页面后需要调用 timeago 函数。

# Triggered after the new abbr.timeago elements have been inserted

// resolve.js.erb

$tweet = $("<%= j render 'conversation_for_tweet', tweet: @tweet %>");
$("#<%= dom_id @tweet, :conversation_for %>").replaceWith($tweet);
$tweet.find("abbr.timeago").timeago();

有没有办法绑定(bind)到jQuery的.on函数，让动态插入的$("abbr.timeago")标签自动调用.timeago() 于？

相关阅读:

• Making a jQuery Plugin Work On a dynamically added element => 似乎 jQuery timeago 可以在替换 html 之前运行，也许是为了避免某种 flash。
• https://stackoverflow.com/a/2924202/1606888 => 建议绑定(bind)到.on，但是要绑定(bind)到什么事件呢？
• http://www.quirksmode.org/dom/events/ => 找不到明显的事件来绑定(bind)。有什么选择吗？

Answer 1

on 对此没有帮助。您可以使用 on 将事件处理程序绑定(bind)到始终位于页面上的内容，以便在绑定(bind)时可以在页面上不存在的元素上触发事件。在本例中，情况略有不同。

我之前已经通过简单地运行 $("abbr.timeago").timeago() 来解决这个问题，当我知道事情已经发生变化时。