将对话框保存在区域内。
将对话框保存在区域内。
提问于 2015-02-02 23:48:24
在http://jqueryui.com/dialog/上，他们使用iframe将对话框保存在页面上的区域内。如果不使用iframe就能实现这一点吗？
我尝试过将对话框附加到容器中，但这只会影响它在DOM中的位置，对话框仍然可以在整个位置移动。
以下是我迄今为止的尝试：
$("#terminal[type=launcher]").click(function(){
$("<div />")
.dialog({
"title" : "root@" + window.location.hostname,
"width" : 400,
"height" : 300,
"modal" : false,
"resizable" : true,
"close" : function(){ $(this).remove(); },
"Cancel" : function(){ $(this).dialog("close"); },
appendTo : "#main_section"
})
.dialogExtend({
"close" : true,
"maximize" : true,
"minimize" : true,
"dblclick" : "collapse",
"titlebar" : false
})
.draggable({ containment: "parent" });
});回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-02 23:55:39
jQuery可拖式
通过定义可拖区域的边界来限制每个可拖区域的移动。设置axis选项以限制拖放路径到x轴或y轴，或使用包含选项指定父DOM元素或jQuery选择器，如'document.‘’。
$( "#dialog" ).draggable({ containment: "parent" });
可以在任何父元素中包含对话框。使用jQuery UI可拖动。
jQuery UI可拖放约束运动
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28288968
复制相关文章
相似问题
腾讯云开发者
