如何在此函数调用中创建“模态构造”功能?

时间:2013-11-20 09:32:51

标签: javascript jquery html jquery-ui modal-dialog

当我在脚本中调用下面这个函数时,我会得到一个弹出对话框来做一些指示。

以下是我的示例代码:

function updateStatus(instrxnID){
            exporter.fn.childWindow({
                instrxnID : instrxnID,
                url:'pgks/fund/update/view.page'
            },'pgks','Popup',{top:100,height:459,width:884,left:200});
        }

exporter.fn.childWindow 会调用以下函数打开弹出窗口'

childWindow : function(elements,path,title,setting){
        setting = setting != undefined ? setting : {top:100,height:300,width:400,left:200};
        var keys = exporter.fn.keys(elements);
        var offset = "width="+setting.width+",height="+setting.height+",top="+setting.top+",left="+setting.left;
        myWin = open("", "displayWindow", offset+",scrollbars=no,status=no,dependent=yes,directories=no,menubar=no,personalbar=no");
        myWin.document.open();
        myWin.document.write("<html><head>");
        myWin.document.write("</head><body><form name='form' action='"+elements.url+"' type='post'>");
        for ( var a = 0; a < keys.length; a++) {
            myWin.document.write('<input type="hidden" name="'+keys[a]+'" value="'+elements[keys[a]]+'">');
        }
        myWin.document.write("</form><script type='text/javascript'>form.method=\'post\';form.submit();</script></body></html>");
        myWin.document.close();
    }

完成这些指令后,我应该返回此弹出窗口的主页面或父页面。

注意:通过单击背景页面或其他链接,此模式不应该消失。

示例:我需要获得类似example

的内容

1 个答案:

答案 0 :(得分:1)

将单击处理程序附加到提交按钮,或将提交处理程序附加到表单。在此处理程序中隐藏(display: none;)您的弹出窗口,或者,如果您使用窗口对象进行弹出,请在实例上调用.close()

编辑:

$(".my-button").on("click", function() {
  myWin.close();
});