如何給一個popover標題添加一個類

Question

我使用popover的bootstrap元素，但我不知道如何將它歸因於一個類。我想爲每個不同的課程創建一個定製的背景顏色。 這裏是我的酥料餅的版本（在JavaScript）

$(element).popover({ 
        'placement': 'top', 
        'animation': true, 
        'html': true, 
        'title' : variable, 
        'content': html 
       }); 

       $(element).popover('show'); 

如果我做的：

$(element).popover({ 
        'placement': function(context, src) { 
         $(context).addClass($(src).data('customClassName')); 
         return 'top';}, 
        'animation': true, 
        'html': true, 
        'title' :feature.get('features')[0].get('name') + ' (' + feature.get('features')[0].get('type') + ')', 
        'content': html 
       }); 
       $(element).popover().addClass('TESTCLASS'); 
       $(element).popover('show'); 

給出的結果將是

正如你所看到的類不在同一div popover標題

Answer 1

您可以使用template屬性來定義您的自定義模板：

function getPopoverCustomTemplate(className) { 
    return '<div class="popover ' + className + '" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'; 
} 

$(element).popover({ 
    'placement': 'top', 
    'animation': true, 
    'html': true, 
    'title' : variable, 
    'content': html, 
    'template': getPopoverCustomTemplate('myCustomClass') 
});