jQuery可移动模态对话框框。

Question

jQuery可移动模态对话框框。

9

我一直在寻找所有可用的jQuery插件来创建一个可拖动的模态框。唯一的问题是，我找到的每个可拖动的模态框都需要一个标题栏。有没有人知道任何允许我创建一个没有标题栏的可拖动模态框的jQuery插件？在这种情况下，您可以通过框的边框进行拖动。是否有办法在使用jQuery UI Draggable时将其制作为模态框？

- ios85

对话框可拖动。 - user420667

3个回答

10

这个简单的方法对我很有效：

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

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

- Peter Drinnan

0

一个结合了jqModal和jqDnR的方案可以实现这个功能：

- Tim Booker

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rick Calder · Accepted Answer

自己制作模态框？有一些制作覆盖层的教程，但基本功能并不难。

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