Ho cercato tutti i plugin jQuery disponibili per una casella modale trascinabile. L'unico problema è che ogni casella modale che ho trovato che è trascinabile richiede una barra del titolo. Qualcuno sa di eventuali plugin jQuery che mi consentono di creare una casella modale trascinabile senza una barra del titolo? In questo caso, potresti trascinarlo attraverso il bordo della scatola. C'è un modo in cui posso usare jQuery UI Draggable con un po 'di tempo diventando una modale?Finestra di dialogo modale mobile jQuery
5
A
risposta
10
Basta creare il proprio modale? Ci sono tutorial per fare la sovrapposizione, ma la funzionalità di base non è poi così difficile.
Fiddle: http://jsfiddle.net/calder12/mxWf8/1/
HTML:
<head>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
<div id="modal"></div>
<a href="#" class="click">click me</a>
CSS:
#modal{
border:4px solid #CCC;
width:100px;
height:50px;
display:none;
position:absolute;
left:50%;
top:50%;
margin:-25px 0 0 -50px;
border-radius:5px;
}
jQuery:
$('.click').click(function(){
$('#modal').show();
$('#modal').draggable();
});
0
Una combinazione di jqModal e jqDnR farà questo:
5
Questo semplice metodo funziona per me:
// first invoke jquery modal the standard way
$('#myModal').modal();
// now make it draggable
$('#myModal').draggable();
Problemi correlati
- 1. jQuery finestra di dialogo modale e finestra di dialogo CKEditor
- 2. Finestra di dialogo Modale JQuery senza sovrapposizione
- 3. jQuery: dissolvenza nella finestra di dialogo modale
- 4. Finestra di dialogo mobile non modale in WPF
- 5. finestra di dialogo modale sul controllo Activex
- 6. Apre la finestra di dialogo modale di Jquery all'evento click
- 7. Come rendere modale la finestra di dialogo di jQuery?
- 8. jQuery Dialogo modale su iFrame
- 9. jQuery finestra di dialogo modale non invia il mio modulo
- 10. Nella finestra di dialogo dell'interfaccia utente jquery, è possibile inserire una finestra di dialogo modale sopra un'altra finestra di dialogo modale
- 11. Evento di chiusura della finestra di dialogo in jquery mobile
- 12. jQuery Dialogo modale dell'interfaccia utente non bloccante
- 13. Carica automaticamente la finestra di dialogo in jQuery Mobile?
- 14. Esempio di finestra modale jQuery?
- 15. Perché una finestra di dialogo modale/non modale si chiama modale/non modale?
- 16. jQuery: Caricare Dialogo modale Contenuto tramite Ajax
- 17. Dissolvenza in sovrapposizione nella finestra di dialogo modale
- 18. Posizionamento finestra di dialogo jQuery
- 19. La finestra di dialogo era nascosta dietro la sovrapposizione quando Modale: true nella finestra di dialogo Jquery in ASP.net
- 20. Come implementare correttamente una finestra di dialogo modale in cima a una finestra di dialogo non modale?
- 21. Finestra di dialogo modale da una finestra di dialogo modale - entrambi chiudono quando il secondo è chiuso - perché?
- 22. Finestra di dialogo di avanzamento modale di blocco non bloccante
- 23. La finestra di dialogo modale remota di Bootstrap non funziona
- 24. Utilizzo di WindowFinder per trovare una finestra di dialogo modale
- 25. Come creare una finestra di dialogo modale in WPF?
- 26. Come creare una finestra di dialogo modale in Android
- 27. ri-formato la finestra di dialogo modale in bootstrap dinamicamente
- 28. Chiudi finestra di dialogo modale da thread esterno - C#
- 29. Come aprire una finestra di dialogo modale nell'applet Java?
- 30. Posso rendere modale la finestra di dialogo ProgressMonitor?
Dialog è trascinabile. – user420667