jQuery Movable Modalne okno dialogowe

Przeglądałem wszystkie dostępne wtyczki jQuery dla modalnego pudełka, które można przeciągnąć. Jedynym problemem jest to, że każde pole modalne, które znalazłem, można przeciągnąć, wymaga paska tytułu. Czy ktoś wie o jakichkolwiek wtyczkach jQuery, które pozwalają mi tworzyć przeciągane modalne pudełko bez paska tytułu? W takim przypadku będziesz mógł przeciągnąć go przez granicę pola. Czy jest jakiś sposób mogę użyć jQuery UI Draggable z czasem czyniąc go modalnym?jQuery Movable Modalne okno dialogowe

enter image description here

Źródło

2012-11-27 ios85

Dialog jest przeciągany. – user420667

Wystarczy zrobić własny modalne? Istnieją tutoriale do tworzenia nakładki, ale podstawowa funkcjonalność nie jest aż tak trudna.

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

Źródło

2012-11-27 20:25:31

Połączenie jqModal i jqDnR będzie to zrobić:

Źródło

2012-11-27 22:36:15

Ta prosta metoda działa dla mnie:

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

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

Źródło

2013-07-16 15:44:21

jQuery Movable Modalne okno dialogowe

Odpowiedz

Powiązane problemy