解决jquery ui dialog 嵌入iframe时，resize动作过快时的bug

阅读更多

大家都知道，jquery ui dialog默认不支持iframe的，想使用可以用如下方法：

$('#dialog').html('');

但是在拖拽改变大小时，如果鼠标移动过快，就会卡住，原因是鼠标事件移动到iframe里面去了，
解决的方法，是在拖拽开始时，创建一个div（透明的），覆盖住iframe，拖拽结束后，remove次iframe即可

我修改的是jquery.ui.resizable.js这个文件

创建div代码

el.find("iframe").each(function(){  
				  
				var $dialog = $(this).parent().parent();  
				var $div = $('
')
				$div.fadeTo(0); 
				$div.appendTo(el);
				$div.css("left",0) ;
				$div.css("top",0) ;
				
		 });  

移除div

this.element.find("#_iframe_p_").remove();

大家可以下载到本地，覆盖原来的jquery.ui.resizable.js

• jquery.ui.resizable.rar (7.1 KB)
• 下载次数: 74