关于JqueryUI dialog无法正常打开

最新推荐文章于 2021-08-06 10:32:35 发布

EvenShu

最新推荐文章于 2021-08-06 10:32:35 发布

阅读量603

点赞数

分类专栏： javascript 文章标签： javascript jquery ui ViewUI

本文链接：https://blog.csdn.net/SHU723/article/details/84409759

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

[size=xx-large][align=center]JqueryUI dialog无法正常打开[/align][/size]

我遇到的问题是这样的：在一个页面有个iframe,iframe能easyUI的Tab点击打开不同的Tab标签。每个标签就是一个子页面。然后我打开了多个子页面，我在其中一个子页面发送一个ajax请求，发送ajax请求后会用使用JqueryUI的dialog打开窗口。当我在ajax请求会返回结果时，切换Tab子页面，去其他子页面做其他事情。等会再切换Tab过去时，dialog的弹出窗口不见了。

检查了好几遍，不是弹出窗口没有弹出来，而且是弹出下下面去了。页面也增加了一个滑动条。页面拉长了很多。用IE的页面布局工具查看了一下，dialog的长宽都超过10000px了。查看了下Jquery UI 的源码，发现在取其坐标的时候出问题了，估计其原因是不同body引起的。
修改了一下源码，给了个绝对定位。这是没办法的办法了，具体原因还有待研究解决。


......
$.widget("ui.dialog", {
	options: {
		autoOpen: true,
		buttons: {},
		closeOnEscape: true,
		closeText: 'close',
		dialogClass: '',
		draggable: true,
		hide: null,
		height: 'auto',
		maxHeight: false,
		maxWidth: false,
		minHeight: 150,
		minWidth: 150,
		modal: false,
		position: {
			my: 'center',
			at: 'center',
			collision: 'fit',
			// ensure that the titlebar is never outside the document
			using: function(pos) {
				var topOffset = $(this).css(pos).offset().top;
				if (topOffset < 0) {
					$(this).css('top', pos.top - topOffset);
					// add by sw 2013-3-7  Tab切换引起的弹出窗口无法正常显示，绝对定位
					if((pos.top - topOffset)>1500){
						var browserWidth = document.documentElement.scrollWidth;
						var browserHeight = document.documentElement.scrollHeight;
						$(this).css('top', browserHeight/2-100);
						$(this).css('left', browserWidth/2-200);
					}
					//end
				}
			}
		},
		resizable: true,
		show: null,
		stack: true,
		title: '',
		width: 300,
		zIndex: 1000
	},......