Hộp thoại mô-đun di chuyển jQuery

Tôi đã xem xét tất cả các plugin jQuery có sẵn cho một hộp phương thức có thể kéo được. Vấn đề duy nhất là tất cả các hộp phương thức tôi đã tìm thấy đó là có thể kéo được yêu cầu một thanh tiêu đề. Có ai biết về bất kỳ plugin jQuery cho phép tôi để tạo ra một hộp phương thức kéo mà không có một thanh tiêu đề? Trong trường hợp này, bạn sẽ có thể kéo nó qua biên giới của hộp. Có cách nào tôi có thể sử dụng jQuery UI Draggable với một thời gian làm cho nó một phương thức?Hộp thoại mô-đun di chuyển jQuery

enter image description here

Nguồn

2012-11-27 ios85

Dialog là kéo. – user420667

Chỉ cần tạo phương thức của riêng bạn? Có hướng dẫn để tạo lớp phủ nhưng chức năng cơ bản không thực sự khó.

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

Nguồn

2012-11-27 20:25:31

Một sự kết hợp của jqModal và jqDnR sẽ làm điều này:

Nguồn

2012-11-27 22:36:15

phương pháp đơn giản này làm việc cho tôi:

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

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

Nguồn

2013-07-16 15:44:21

Hộp thoại mô-đun di chuyển jQuery

Trả lời

Các vấn đề liên quan