Twitter bootstrap Bootstrap Popover:反转标题和内容

Twitter bootstrap Bootstrap Popover:反转标题和内容,twitter-bootstrap,popover,Twitter Bootstrap,Popover,我无法使用引导工具提示,因为我的站点上存在JS冲突。但是爆米花很管用。所以我试着用Popover做一些类似于工具提示的事情。 我想使用HTML元素的“title”标记在Popover内容中使用,并将标题定义为默认值 我的实际代码 <button type="button" class="btn btn-lg btn-danger hasTooltip" title="test de popover" >Click to toggle tooltip</button> &l

我无法使用引导工具提示,因为我的站点上存在JS冲突。但是爆米花很管用。所以我试着用Popover做一些类似于工具提示的事情。 我想使用HTML元素的“title”标记在Popover内容中使用,并将标题定义为默认值

我的实际代码

<button type="button" class="btn btn-lg btn-danger hasTooltip" title="test de popover" >Click to toggle tooltip</button>
<script type="text/javascript">
    !function ($) {
        $(function(){
            // tooltip demo
            $(".hasTooltip").popover({
                content: function() {
                    return "TITLE";
                },
                title:'Info', 
                trigger: "hover",  
                placement: "bottom"
             });
         })   
    }(window.jQuery)    
</script>
单击以切换工具提示
!函数($){
$(函数(){
//工具提示演示
$(“.hasTooltip”).popover({
内容:函数(){
返回“标题”;
},
标题:"信息",,
触发器:“悬停”,
位置:“底部”
});
})   
}(window.jQuery)
你知道我该怎么做吗?

试试这个:

使用
“模板”
您可以根据自己的意愿进行更改

根据您的要求:

将类更改为
class=“popover title”

$('.hasTooltip').popover({'template':''});
$('.hasTooltip').popover({ 'template': '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-title"></div></div>' });