javascript - append后的节点如何使用jquery插件-PHP 중국어 네트워크 Q&A

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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

PHP中文网 2017-04-10 14:51:18

350

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'
});
})
但每次要第二次移动到头像上才会出现用户资料卡！
请问如何解决？

PHP中文网

认证高级PHP讲师

모든 응답 (2)

小葫芦2017-04-10 14:53:18 2층

你这个情况光是提供这个绑定方法没办法判断哪里出错了吧。

建议你安装chrome的jQuery Audit插件，然后在控制台里查看第一次mouseover之前，那个jquery对象上有没有绑定event handler。

좋다+0

답글 추가

小葫芦2017-04-10 14:53:18 1층

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' }); });

좋다+0

답글 추가