jquery动态创建div，调用dialog方法显示远程iframe文件，封装jquery方法

本文介绍了一种使用jQuery实现弹层中嵌入iframe的方法，包括设置ID、参数配置、创建DIV和使用dialog插件进行弹窗展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//*******************************************
// 弹层调用iframe设置ID值
jQuery.setInputPid =
function(options) {
    
/* 定义初始变量 */
    
var defaults = {
        
title : '',
        
set_url : '',
        
w : 500,
        
h : 300,
        
x : "center",
        
y : "center"
    
};
    
var opts = $.extend(defaults, options);
    
data = '<iframe src="'+opts.set_url+'" marginheight="0" marginwidth="0" frameborder="0" style="border:0px;width:100%;height:100%;"></iframe>';
    
/* 创建一个DIV */
    
$("<div>",{id:"ilinju_select_div",html:data})
    
.dialog({
        
bgiframe:true,
        
closeOnEscape:true,
        
draggable:true,
        
modal:false,
        
resizable:true,
        
stack:true,
        
hide:"slide",
        
show:"slide",
        
height:opts.h,
        
width:opts.w,
        
position:[opts.x,(parseInt(opts.y) + 20)],
        
title:opts.title,
        
close:function(){$(this).html("");$(this).remove();}
    
});
};