append后的节点如何使用jquery插件

Question

append文章列表，然后每篇文章上有作者头像，想使用bootstrap.js里的popover方法显示作者的详细信息。//查看用户详情$('body').on("mouseover",'.user-avatar',function(){t=$(this).find('[data-popover="content"]').html();$(this).popover({trigger:'hover',content:t,html:true,placement:'bottom'});})但每次要第二次移动到头像上才会出现用户资料卡！请问如何解决？

Answer 1

你这个情况光是提供这个绑定方法没办法判断哪里出错了吧。
建议你安装chrome的jQueryAudit插件，然后在控制台里查看第一次mouseover之前，那个jquery对象上有没有绑定eventhandler。
                            

Answer 2

popover的绑定是通过mouseover进行的
可以通过在页面DOMEReady后就执行绑定
//试下如下代码看看
//$('.user-avatar[data-popover="content"]').each(function(){
$('body').find('.user-avatar[data-popover="content"]').each(function(){
$(this).popover({
trigger:'hover',
content:$(this).html(),
html:true,
placement:'bottom'
});
});