XPages-Bootstrap弹出窗口

Question

我有一个图标，当你悬停时，它会在引导程序弹出中弹出一些额外的信息

这与预期的一样，但是，如果我点击页面上的任何字段，然后对包含图标的div进行部分刷新，它就会失去悬停功能。

图标代码：

<!--INFO BUTTON START-->
<xp:text escape="false" id="computedField4">
<xp:this.value><![CDATA[#{javascript:try{
var text = @DbLookup(@DbName(), "LookupKeywordLists", "Info"+compositeData.fieldName, "Members");
return "&nbsp;<i class='fa fa-info-circle' data-container='body' data-toggle='popover' data-trigger='hover' data-placement='right' data-content='"+text+"'></i>"
}catch(e){
openLogBean.addError(e,this.getParent());
}
}]]></xp:this.value>
<xp:this.rendered><![CDATA[#{javascript:try{
return compositeData.showInfoIcon;
}catch(e){
openLogBean.addError(e,this.getParent());
}}]]></xp:this.rendered>
</xp:text>
<!--INFO BUTTON END-->

页面上的脚本块：

<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[$(document).ready(function(){
$('[data-toggle="popover"]').popover({
trigger: 'hover',
title: 'Information'
});
});]]></xp:this.value>
</xp:scriptBlock>

脚本块当前位于部分刷新"刷新"的div之外，但我尝试将其放入div中，但没有解决问题。有什么想法吗？感谢

Answer 1

当部分刷新发生时，您需要添加popover。为了做到这一点，您可以使用Dojo订阅partialrefreshcomplete事件。

这个答案可以帮助您：https://stackoverflow.com/a/49014247/785061.