In bootstrap css, è possibile visualizzare una finestra di dialogo modale, ma voglio essere in grado di renderla modale in modo che l'interfaccia utente dietro non risponda, senza avendo mostrato lo sfondo nero scuro.bootstrap css - come creare una modale modale senza influenzare lo sfondo
Sembra che non ci siano opzioni che mi consentano di farlo con la funzione $ ("selettore #") modal().
per sbarazzarsi del fondale:
Dopo l'inizio modale
$('#XXX').modal({show:true});
basta attivare il codice qui sotto
$('.modal-backdrop').removeClass("modal-backdrop");
Guarda la risposta in basso di Alex Marple per l'approccio ** corretto **. – FastTrack
Surey tutto ciò che devi fare è modificare il CSS per cambiare l'opacità dello sfondo nero. Non deve essere visibile per bloccare i clic sugli elementi sottostanti (a meno che non ci sia una protezione per il clickjacking di cui non sono a conoscenza?). La classe target è div.modal-backdrop.
Ho appena provato questo e dopo aver impostato l'opacità: 0 su quell'elemento, intercetta ancora i clic. – Synchro
se sono corrette si dovrebbe essere in grado di fare questo chiamando:
$("#selector").modal({
backdrop: "static"
});
poi basta cambiare il CSS per la classe del fondale e siete a posto.
aggiungere data-backdrop="false" a <div class="modal"> e Bootstrap farà il resto.
Esempio:
<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
Questa è la risposta più pulita. Doveva essere l'approvato. –
Questa soluzione influisce sullo sfondo. Non quello che vedi, ma quello che fai clic. –
prega potrebbe inviare il codice di riferimento come jsfiddle.net per noi vedere e giocare con? Ci vorranno letteralmente alcuni secondi. –
Grazie, ecco il violino: http://jsfiddle.net/NUVrd/1/ – jaffa