87,910
社区成员
发帖
与我相关
我的任务
分享jquery1.3.2+ui1.7.2的dialog问题
问题：在IE6中使用jquery.ui.dialog来弹出一个DIV层，为了使DIV层能遮盖住select标签，加入了jquery.bgiframe.js，然后弹出一个模态对话框时，发现对话框的大小不能自由拖动了。去除模态对话框就可以拖动。
<html>
<head>
<link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.dialog.js"></script>
<script type="text/javascript" src="ui/ui.resizable.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog({
hide: 'slide',
show: 'slide',
modal: true});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
<form><a href="#">download</a></form>
</div>
<body>
</html>
<html>
<head>
<link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.dialog.js"></script>
<script type="text/javascript" src="ui/ui.resizable.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog({
hide: 'slide',
show: 'slide',
modal: true});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
<form><a href="#">download</a></form>
</div>
<body>
</html>
...全文
请发表友善的回复…
发表回复
jianshao810 2010-06-20
- 打赏
- 举报
(2) 如果想实现dialog的拖动效果，必须添加ui.resizable.css 以及ui.resizable.js文件
详细出处参考：http://www.jb51.net/article/19654.htm
详细出处参考：http://www.jb51.net/article/19654.htm
