L'impostazione predefinita del trigger di bootstrap di Twitter bootstrap è al passaggio del mouse.Tooltip di Bootstrap su Twitter su Hover & Focus
Posso aggiungere data-trigger = "focus" per far sì che il tooltip sia visualizzato sullo stato attivo, ma come faccio a passare il mouse e il focus?
soluzione @Adrian non funziona su Bootstrap 3. Uso seguente:
$('[rel=tooltip]').tooltip();
$(document).on('hover', '[rel=tooltip]', function() { $(this).tooltip('show'); });
$(document).on('focus', '[rel=tooltip]', function() { $(this).tooltip('show'); });
hai provato data-trigger="focus hover"
trigger è una struttura a valore singolo, in modo da avere a fingere uno dei due metodi:
$('.tooltip').tooltip({trigger: 'hover'}).each(function() {
var $this = $(this), data = $this.data('tooltip');
$this.on('focus.tooltip', $.proxy(data.enter, data))
.on('blur.tooltip', $.proxy(data.leave, data));
});
Aggiornamento: In alternativa, è possibile utilizzare il mio patch a Twitter Bootstrap per rendere trigger una proprietà con più valori e impostarla su hover focus.
Ho provato a utilizzare la patch e ottengo ancora o/o ma non più trigger. Ho usato il tuo 'falso' sopra e funziona quando non specifichi un trigger di dati. Continuerò a provare la patch. Grazie per l'aiuto. – RLeisinger
Potresti postare il codice che hai provato ad un jsfiddle? Ad ogni modo, dovremmo spostare questa discussione sulla [richiesta di pull] (https://github.com/twitter/bootstrap/pull/6102). –
si può semplicemente passare il grilletto parametro:
$('[data-toggle="tooltip"]').tooltip({ trigger:'hover focus' });
ho provato dati- trigger = "focus hover" e data-trigger = "hover focus". Entrambi sono attivati solo sulla messa a fuoco, non al passaggio del mouse. – RLeisinger
Con una rapida occhiata al codice sorgente o alla documentazione è possibile verificare che questo non sia possibile fino ad oggi. –
Il mio è diverso, il passaggio del mouse funziona ma non lo fa ... woah ..... – kebyang