Twitter bootstrap 向视图列添加引导工具提示

我试图显示自定义视图列的工具提示；理想情况下，我希望使用ExtLib中的工具提示；但是，由于我没有使用oneUI主题，所以我在显示方面遇到了问题；我用的是Bootrap 3

我试着为dijitTooltip添加css，但显示仍然不起作用

.dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    left: 0;
    top: -10000px;
    overflow: visible;
}

.dijitTooltipRight { padding-left: 14px; }

我的下一个尝试是使用Bootstrap中的工具提示；如果我使用简单文本作为工具提示内容，效果会很好；但是，我需要显示动态内容（使用SSJS获取其他视图信息）

因此，我尝试使用datahtml=“true”和“datatile”或“title”属性

我让它工作的唯一方法是使用“标题”，但内容显示为纯文本，而不是HTML

<xp:viewColumn id="viewColumn10">
            <xp:this.facets>
                <xp:viewColumnHeader xp:key="header"
                    id="viewColumnHeader10">
                </xp:viewColumnHeader>
            </xp:this.facets>
            <xp:this.value><![CDATA[#{javascript:""}]]></xp:this.value>
            <xp:image url="/iconInfo16.png" id="imgInfo">
                <xp:this.attrs>
                    <xp:attr name="data-toggle" value="tooltip"></xp:attr>
                    <xp:attr name="data-html" value="true"></xp:attr>
                    <xp:attr name="data-title">
                        <xp:this.value><![CDATA[#{javascript:"<b>html</b> code"}]]></xp:this.value>
                    </xp:attr>
                    <!--<xp:attr name="title" value="test"></xp:attr>-->
                </xp:this.attrs>
            </xp:image>             
        </xp:viewColumn>

有什么办法可以解决这个问题吗？ 更新： 我就是这样解决的：

$(document).ready( 
function() {
    $(".tip").popover()})


<xp:viewColumn id="viewColumn10">
            <xp:this.facets>
                <xp:viewColumnHeader xp:key="header"
                    id="viewColumnHeader10">
                </xp:viewColumnHeader>
            </xp:this.facets>
            <xp:this.value><![CDATA[#{javascript:""}]]></xp:this.value>
            <xp:image url="/iconInfo16.png" id="imgInfo"
                styleClass="tip">
                <xp:this.attrs>
                    <xp:attr name="data-toggle" value="tooltip"></xp:attr>
                    <xp:attr name="data-html" value="true"></xp:attr>
                    <xp:attr name="data-trigger" value="hover"></xp:attr>
                    <xp:attr name="data-original-title" value="Special Comments"></xp:attr>
                    <xp:attr name="data-content">
                        <xp:this.value><![CDATA[#{javascript:rowData.getColumnValue("CourseName");}]]></xp:this.value>
                    </xp:attr>

                </xp:this.attrs>
            </xp:image>
        </xp:viewColumn>

$（文档）。准备就绪（
函数（）{
$（“.tip”）.popover（）}）

---

如果不深入研究您自己的代码，我相信您缺少引导中使工具提示起作用的功能

我使用此函数将class=“tip”添加到所有工具提示中

  $(function ()
  $(".tip").popover();
  });

---

您可以在第一个字段集中的表格标题上找到一个工作示例

看起来工具提示中的html内容需要$（）.popover（）或$（）.tooltip（），它正在工作。有关最终代码，请参阅我的问题更新。