Bootstrap su Twitter, mostra tutti i popover in un div

Question

Ho cercato di ottenere quanto segue utilizzando Twitter Bootstrap 2.0 ed è popover-plugin, ma dopo alcune ore, non riesco ancora a capirlo.

Diciamo solo che nell'angolo in basso a sinistra della mia pagina ho ricevuto una foto che mostrava un uccello. Questo uccello dovrebbe "parlare" ogni popover, per esempio quelli per un modulo di registrazione, dovrebbe apparire in cima all'uccello. È possibile?

Per una migliore comprensione ho creato un sito di test over here. Se passi il mouse sui campi di registrazione, ci sono i popover. Voglio che appaiano sopra l'uccello-img nell'angolo in basso a sinistra, ma non so come raggiungerlo. Sarebbe bello se tu potessi aiutarmi.

Answer 1

Metodo 1:

Il gestore hover jQuery prende un "in" e un metodo di "fuori", e nel campione si sta assegnando solo la "a" il metodo, per mostrare il popup. Questo va bene, ma piuttosto che collegarlo a "questo", dovresti collegarlo all'immagine del tuo uccello. Assicurati di cambiare anche il grilletto del popup in manuale. Quindi nel metodo "out" del passaggio del mouse, è sufficiente nascondere il popover.

$('#registerHere input').hover(function() 
{ 
    $('#birdie').popover({ 
      "trigger": 'manual', 
      "placement":'top', 
       }).popover('show'); 
}, 
function() 
{ 
    $('#birdie').popover('hide'); 
}); 

Metodo 2:

In alternativa, mantenere quello che hai, ma usare l'opzione "selettore" fornito, e dare la vostra immagine uccello come parametro, questo dovrebbe far scattare il popover dal vostro controllo , ma delegarlo alla tua immagine di uccello.

selettore: se viene fornito un selettore, oggetti suggerimento sarà delegata agli obiettivi specificati

$('#registerHere input').hover(function() 
{ 
    $('#birdie').popover({ 
      "selector": "#birdie", 
      "placement":'top', 
       }).popover('show'); 
}); 

EDIT: Aggiunta codice di esempio. Non ho la possibilità di testarlo, quindi potrebbe esserci qualche errore di sintassi o qualcosa del genere, ma l'idea generale è lì.