<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 应该怎样写

解决方案 »

  1.   


    function show(id)
    {
                $("#id").dialog({
                    bgiframe: false,
                    autoOpen: false,
                    draggable: true,                
                    resizable: false,
                    modal: true,
                    width: 500,
                    height: 300
                });            
    }