Bootstrap Popover：反转标题和内容

Question

由于我的网站上存在JS冲突，我无法使用Bootstrap Tooltip。但Popover的作品。所以我尝试用Popover做一些与Tooltip相似的东西。 我想使用我的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> 

你有一个想法，我应该如何着手？

Answer 1

试试这个：

更改班级为class="popover-title"

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

DEMO

：

使用'template'，你可以为你的愿望

为了您的需求改变