Trigger popover di bootstrap su Twitter: come impostare più trigger?

Question

Sto provando a usare http://twitter.github.io/bootstrap/javascript.html#popovers. Posso impostare il trigger su uno qualsiasi di click | hover | focus | manual. C'è un modo per impostare più trigger? Voglio usare hover e focus.

Answer 1

Questo è abbastanza facile da realizzare definendo i propri gestori di eventi e visualizzare/nascondere la popover tramite l'API:

HTML:

<input id='no-popover' type='text' /> 
<input id='has-popover' type='text' placeholder='hover or focus me' /> 

JavaScript:

var showPopover = function() { 
    $(this).popover('show'); 
} 
, hidePopover = function() { 
    $(this).popover('hide'); 
}; 

$('#has-popover').popover({ 
    content: 'Popover content', 
    trigger: 'manual' 
}) 
.focus(showPopover) 
.blur(hidePopover) 
.hover(showPopover, hidePopover); 

Esempio:http://jsfiddle.net/Xqx8P/

Answer 2

Quando si inizializza il popover, è possibile passare più trigger; separali con uno spazio.

var options = { 
     trigger: 'hover focus' 
    } 

    $('#has-popover').popover(options); 

Answer 3

correlati a questa domanda:

se qualcuno usa popover di Sputafuoco con AngularJS (utilizzando Angular-UI) e vuole definire tale un popover sarà attivato "al passaggio del mouse inserire" ma disattivato in base alle uno o più eventi, questo codice potrebbe essere utile:

app.config(function ($tooltipProvider) { 
    // when the user either leaves the element or clicks on it, the tooltip/popover will go off. 
    $tooltipProvider.setTriggers({ 
     'mouseenter': 'mouseleave click', 
     'click': 'click', 
     'focus': 'blur' 
    }); 
} 

Answer 4

Il riferimento di quello citato correttamente @Denis Ivanov

Bootstrap 3,0 (http://getbootstrap.com/javascript/#popovers)

Come popover è innescato - clicca | al passaggio del mouse | messa a fuoco | Manuale. È possibile passare più trigger; separali con uno spazio. L'impostazione predefinita è 'click'