ページに動的に挿入さ.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();
.on
動的に挿入された$("abbr.timeago")
タグが自動的に呼び出されるように、 jQuery の関数にバインドする方法はあり.timeago()
ますか?
関連読書:
- 動的に追加された要素で jQuery プラグインを機能させる=> 何らかのフラッシュを回避するために、html を置き換える前に jQuery timeago を実行できるように見えます。
- https://stackoverflow.com/a/2924202/1606888 => .on へのバインディングを推奨していますが、どのイベントにバインドしますか?
- http://www.quirksmode.org/dom/events/ =>バインドする明らかなイベントが見つかりません。オプションはありますか?