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'，你可以爲你的願望

爲了您的需求改變