2012-11-27 29 views
5

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

enter image description here

+0

Dialog è trascinabile. – user420667

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(); 
});​ 
5

Questo semplice metodo funziona per me:

// first invoke jquery modal the standard way 
$('#myModal').modal(); 

// now make it draggable 
$('#myModal').draggable(); 
Problemi correlati