Bootstrap: popover su modals

Question

Voglio usare l'effetto popover su una finestra di dialogo di modali esistente utilizzando la libreria CSS Bootstrap di Twitter. Lego il popover sull'icona piccola immagine.

$('#infoIcon').popover({ 
    offset: 50, 
    placement: 'right' 
}); 

I si modali si aggiunge anche secondo la documentazione:

$('#modalContainer').modal({ 
    keyboard : true 
}); 

Ma l'effetto che ho è che il popover è reso Nel contenitore modale invece OLTRE div modali (vedi screenshot sotto). Come posso portare veramente il popover OLTRE il mod mod?

Answer 1

I ragazzi di Bootstrap identificano questo problema come un bug e lo risolvono per la prossima versione. see more details here

Answer 2

tenta di controllare qual è il valore z-index di una finestra e modificare lo z-index per un altro con un valore superiore. Puoi farlo con la funzione jQuery css se i plugin che stai utilizzando non consentono questa modifica nei loro parametri di input.

Answer 3

Nel frattempo si può provare:

$('#infoIcon').popover({ 
    offset: 50, 
    placement: 'right' 
}); 

$("#infoIcon").data('popover').tip().css("z-index", 1060); 

Answer 4

Non hanno bisogno javascript per questo, è sufficiente impostare il z-index del popover tramite CSS:

.popover { 
    z-index: 1060; 
} 

Answer 5

se devi lavorare su fly, dovresti usare

$("<style type='text/css'> .popover{z-index:1060;} </style>").appendTo("head");