8

我一直在查看所有可用的 jQuery 插件，用于可拖动的模态框。唯一的问题是我发现的每个可拖动的模态框都需要一个标题栏。有谁知道任何允许我创建没有标题栏的可拖动模式框的 jQuery 插件？在这种情况下，您可以通过框的边框拖动它。有什么方法可以让我在一段时间内使用 jQuery UI Draggable 使其成为模态？

在此处输入图像描述

4

3 回答 3

13

只是制作自己的模态？有制作叠加层的教程，但基本功能并不是那么难。

小提琴：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();   
});​
于 2012-11-27T20:25:31.313 回答
8

这个简单的方法对我有用：

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

// now make it draggable
$('#myModal').draggable();
于 2013-07-16T15:44:21.487 回答
0

jqModal 和 jqDnR 的组合将执行此操作：

于 2012-11-27T22:36:15.593 回答