【dialog】修改jquery里的dialog对话框插件为框架页(iframe) 的方法-对话框-框架页

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【修改jquery里的dialog对话框插件为框架页(iframe) 的方法】，下面是详细的讲解！

修改jquery里的dialog对话框插件为框架页(iframe) 的方法

(function ($) {
$.fn.openWidow=function (options) {
var divId="dialog" + Math.round(Math.random() * 100);
var settings={
id: divId,
width: 300,
height: 200,
modal: true,
buttons: {
},
show: "explode",
hide: "highlight",
title: "提示",
url: "/test.aspx",
close: function () {
$("#" + this.id).remove();
//debugger
if (document.getElementById(this.id))
document.body.removeChild(document.getElementById(this.id));
}
};
if (options) {
$.extend(settings, options);
}
$("body").append('<div id="' + settings.id + '" title="Dialog Title"><p class="loading"></p></div>');
// Dialog
$('#' + settings.id).dialog({
autoOpen: false,
title: settings.title,
width: settings.width,
height: settings.height,
modal: true,
bgiframe: true,
show: settings.show,
hide: settings.hide,
buttons: settings.buttons,
close: settings.close,
open: function () {
$("#" + settings.id).html('<iframe src="http://www.jb51.net/article/' + settings.url + '" frameborder="0" height="100%" width="100%" id="dialogFrame" scrolling="auto"></iframe>');
},
resizeStop: function () {
$("#dialogFrame").css("width", parseInt($(this).css("width")) - 5);
$("#dialogFrame").css("height", parseInt($(this).css("height")) - 5);
}
});

$('#' + settings.id).dialog("open");
return this;
};
})(jQuery);

关于修改jquery里的dialog对话框插件为框架页(iframe) 的方法的用户互动如下：

　　相关问题：Jquery中的Dialog插件如何遮住Iframe，你是如今解决的

　　答：Jquery弹出层窗口，并且背景变暗 先到 下载Jquery的Lee dialog插件， 无标题文档 #floatBoxBg .floatBox .floatBox .title .floatBox .title h4 .floatBox .title span .floatBox .content function aa() { dialog("我的标题","iframe:login.php... >>详细

　　相关问题：Jquery中的Dialog插件如何遮住Iframe?

　　答：jquery里面有个这样的一个插件叫blockUI.js，可以实现你想要的功能（屏蔽背景）；调用代码也很简单(先引用jquery文件,再引用blockUI.js文件)，弹出层代码如下： $('#弹出层').hide();//弹出层id, var win_w = $(document.body).width(); var iLe... >>详细

　　相关问题：在Iframe中使用jquery ui dialog 怎么使弹出窗口居...

　　答：这个你需要做一些处理了，ui dialog默认是在当前页面，你如果是在iframe中弹出的，必然在iframe 中间； 你可以在子页面掉用父页面的某个方法，且在父页面定义一个容器，放置iframe里面dialog的内容，通过调父页面的方法来显示dialog >>详细