Jak wyłączyć tytuł w wtyczce Popover Bootstrapa?

Question

Używam popover do wyświetlania obrazu, który nie wymaga tytułu. Jeśli nie ustawisz "tytuł", nadal będzie wyświetlany obszar, w którym znajdowałby się tytuł. Jak całkowicie to wyłączyć?

Kontynuacja: chciałem, aby respondenci zachowali swoje punkty, ale zamieściłem ostateczną wersję w osobnej odpowiedzi poniżej.

Answer 1

baptme sugerują jest ok, ale lepszym sposobem byłoby określenie tytuł twojego popouvera, a właściwie ukryj go całkowicie, ponieważ marginesy wciąż istnieją z wysokością 0.

.popover-title { display: none; } 

Edit: właśnie quicky wyglądało u źródła i nie wydaje się być opcja nieudokumentowane:

$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { 
    placement: 'right' 
    , content: '' 
    , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>' 
    }) 

Kiedy deklarujesz swoją popover użyciu JS, spróbuj zastąpić szablon i określ ukryty tytuł.

$('#example').popover({ 
    template: '...<h3 class="popover-title" style="display: none"></h3>...' 
}); 

Dlatego mówię nie usuwaj to może spowodować błędy w czasie wykonywania, jeśli element nie istnieje. Zobacz komentarz Sherbrowa.

Answer 2

łatwy sposób to należy ustawiać height:0px od klasy .popover-title i nie używać data-original-title

CSS:

.popover-title { height: 0px;} 

Answer 3

Skończyłem z wykorzystaniem kombinacji technik sugerowanych przez @Terry i @Sherbow. Pokazuje obraz, ale nie tytuł (tylko dla tego wyskakującego okienka).

<a href="#" id="contributors" rel="popover">contributors</a> 

... 

<script> 
var contributor_img = '<img src="my_img/contributor.png" />' 


$(function() 
{ $('#contributors').popover({ 
    content: contributor_img, 
    template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>' }); 
}); 
</script> 

Answer 4

Można również napisać funkcję, aby usunąć element:

function removeTitle(){ 
    $('.popover-title').remove(); 
} 

$("a[data-toggle=popover]") 
    .popover({ 
    html: true, 
    animation: true 
}) 
.click(function(e) { 
    removeTitle(); 
    e.preventDefault() 
}) 

Answer 5

W Bootstrap 2.3+ tytuł automatycznie ukrywa jeśli pusty.

http://blog.getbootstrap.com/2013/02/07/bootstrap-2-3-released/