レールを使用したajax呼び出しを介してポップオーバーを追加しようとしています。ファイアバグでコンテンツが正常に読み込まれるのがわかりますが、ポップオーバーが読み込まれていません。
他のすべてのポップオーバーはページで機能します。ページをリロードすると、ポップオーバーも機能します...しかし、ajax呼び出しでは機能しません。私は何が欠けていますか?
update.js
$("#new-pins").append("<div class='pinimage' data-original-title=''><img src='/images/<%= @changes[0] %>.png' class='pinimage' data-content='hello' data-original-title=''></a></div>")
show.html popover javascript:
<script>
$(function () {
$('.pinimage').popover({ html : true });
});
</script>
ajax呼び出しの後に読み込まれるものは次のとおりです。
<div class="pinimage" data-original-title="">
<img class="pinimage" data-original-title="" data-content="hello" src="/images/card.png">
</div>
助けてくれてありがとう!