Domande taggate «modal-dialog»

Ho usato il codice per il mio modale direttamente dall'esempio Bootstrap e ho incluso solo bootstrap.js (e non bootstrap-modal.js). Tuttavia, il mio modale appare sotto la dissolvenza grigia (sfondo) e non è modificabile. Ecco come appare: Vedi questo violino per un modo per riprodurre questo problema. La struttura di base …

576 javascript  css  twitter-bootstrap  modal-dialog 

Sto creando una finestra modale utilizzando Twitter Bootstrap. Il comportamento predefinito è se si fa clic al di fuori dell'area modale, il modale si chiuderà automaticamente. Vorrei disabilitarlo, ovvero non chiudere la finestra modale quando si fa clic al di fuori del modale. Qualcuno può condividere il codice jQuery per …

549 jquery  twitter-bootstrap  modal-dialog  mouseclick-event 

Sto usando la libreria Twitter Bootstrap su un nuovo progetto e voglio che parte della pagina aggiorni e recuperi gli ultimi dati json alla chiusura modale. Non vedo questo da nessuna parte nella documentazione qualcuno può indicarmelo o suggerire una soluzione. Due problemi con l'utilizzo dei metodi documentati $('#my-modal').bind('hide', function …

530 jquery  modal-dialog  twitter-bootstrap 

Sto realizzando un sito Web bootstrap, con un paio di 'Modals' Bootstrap. Sto cercando di personalizzare alcune delle funzionalità predefinite. Il problema è questo; Puoi chiudere il modale facendo clic sullo sfondo. Esiste un modo per disabilitare questa funzione? Solo su modali specifici? Pagina modale Bootstrap

441 javascript  css  twitter-bootstrap  modal-dialog 

Ho una finestra di dialogo modale bootstrap che voglio mostrare inizialmente, quindi quando l'utente fa clic sulla pagina, scompare. Ho il seguente: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> </div> </div> </div> …

432 jquery  twitter-bootstrap  modal-dialog 

Ho letto i post qui, il sito Bootstrap e ho cercato su Google come matti, ma non riesco a trovare quello che sono sicuro sia una risposta facile ... Ho un modale Bootstrap che apro da un link_to helper in questo modo: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' …

282 javascript  twitter-bootstrap  modal-dialog 

Questa è una domanda in due parti: Come puoi posizionare il modale verticalmente al centro quando non conosci l'altezza esatta del modale? È possibile avere il modale centrato e avere l'overflow: auto nel corpo modale, ma solo se il modale supera l'altezza dello schermo? Ho provato a usare questo: .modal-dialog …

270 css  twitter-bootstrap  modal-dialog  center 

Sto usando il bootstrap di Twitter, ho specificato un modale <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> E i collegamenti <a …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

Sto usando la finestra di dialogo modale del bootstrap di Twitter. Quando faccio clic sul pulsante di invio della finestra di dialogo modale bootstrap, invia una richiesta AJAX. Il mio problema è che lo sfondo modale non scompare. La finestra di dialogo modale scompare correttamente, ma rimane invece "sfondo modale …

260 twitter-bootstrap  modal-dialog 

Sto creando un'app che deve mostrare una finestra di dialogo di conferma in alcune situazioni. Diciamo che voglio rimuovere qualcosa, quindi invierò un'azione in deleteSomething(id)modo tale che un riduttore catturi quell'evento e riempia il riduttore di dialogo per mostrarlo. Il mio dubbio arriva quando si presenta questa finestra di dialogo. …

240 javascript  modal-dialog  redux  react-redux 

Sto lavorando su un sito Web utilizzando bootstrap. Fondamentalmente, volevo usare un modale nella home page, convocato dal pulsante nell'Unità Eroe. Codice pulsante: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Codice modale: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 …

204 twitter-bootstrap  modal-dialog 

Nel bootstrap di Twitter, guardando la documentazione modale . Non sono riuscito a capire se c'è un modo per ascoltare l'evento vicino del modale ed eseguire una funzione. ad esempio, prendiamo questo modale come esempio: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> …

191 jquery  twitter-bootstrap  modal-dialog 

Sto usando il jquery-ui-dialogplugin Sto cercando un modo per aggiornare la pagina quando in alcune circostanze quando la finestra di dialogo è chiusa. C'è un modo per catturare un evento vicino dalla finestra di dialogo? So di poter eseguire il codice quando si fa clic sul pulsante Chiudi, ma ciò …

186 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

Sto scrivendo un popup modale e ho bisogno che il browser salti in cima allo schermo quando viene premuto il pulsante modale aperto. C'è un modo per scorrere il browser verso l'alto usando jQuery?

186 javascript  jquery  css  modal-dialog 

Ho bisogno che l'overlay sia mostrato sopra il primo modale, non sul retro. Mostra snippet di codice $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog