jquery1.3.2+ui1.7.2的dialog问题

panqunjun 2010-02-09 01:21:35
问题:在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>
...全文
104 1 打赏 收藏 举报
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
jianshao810 2010-06-20
  • 打赏
  • 举报
回复
(2) 如果想实现dialog的拖动效果,必须添加ui.resizable.css 以及ui.resizable.js文件
详细出处参考:http://www.jb51.net/article/19654.htm
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-02-09 01:21
社区公告
暂无公告