Question

我正在寻找一种方法来触发动态插入页面的新.timeago()元素上的$("abbr.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();

有没有办法绑定到jQuery的.on函数，以便动态插入$("abbr.timeago")代码自动调用.timeago()？

相关阅读：

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

Answer 1

on对此无济于事。您可以使用on将事件处理程序绑定到页面上始终存在的内容，以便在绑定时可以在不在页面上的元素上触发事件。在这种情况下，它有点不同。

我之前只是在知道事情发生了变化后再次运行$("abbr.timeago").timeago()时解决了这个问题。

jQuery TimeAgo的jQuery的.on（）

1 个答案: