<script type="text/javascript" src="../css/dialog/jquery-min-lastest.js"></script>
<script type="text/javascript" src="../css/dialog/jquery-ui-all-min-lastest.js"></script>
<script type="text/javascript">
/*==========用户自定义方法==========*/
/*==========事件绑定==========*/
$(function()
{
//遮罩类弹出层
$("#btnShowIframe").click(function(event)
{
event.preventDefault();
event.stopPropagation();
$("#divIframe").dialog("open");
}); //单击自身取消冒泡
$("#divIframe").bind("click", function(event)
{
event.stopPropagation();
}); //document对象单击隐藏所有弹出层
$(document).bind("click", function(event)
{
$("#divIframe").dialog("close");
});
}); /*==========加载时执行的语句==========*/
$(function()
{
//初始化遮罩类弹出层
$("#divIframe").dialog({
show: null,
bgiframe: false,
autoOpen: false,
draggable: true,
resizable: false,
modal: true,
width: 500,
height: 300
});
});
function show(id)
{
$("#divIframe").dialog("open");
}
</script>
<input type="button" id="btnShowIframe" name="btnShowIframe" value="显示弹出层"/>
<input type="button" value="显示弹出111层" onclick="show(<? echo $id;?>);"/>
<div id="divIframe" title="iFrame弹出层" style="text-align:center;">
iFrame弹出层
</div>原来点击显示弹出层是在jquery里面$("#btnShowIframe").click 来实现的..
我现在想onclick="show(<? echo $id;?>);" 因为我要给不同的button 传递不同的参数
直接 $("#divIframe").dialog("open");
出现就无法弹出遮罩层...并且提示对象不存在..
function show 应该怎样写
function show(id)
{
$("#id").dialog({
bgiframe: false,
autoOpen: false,
draggable: true,
resizable: false,
modal: true,
width: 500,
height: 300
});
}