提交后,simplemodal关闭iframe表单?

时间:2011-05-31 09:40:21

标签: iframe simplemodal

Simplemodal完美运行,但我不知道如何在提交表单后自动关闭Iframe。 我试图使用js在模态选项之外获取事件,但是 如果我关闭提交事件的模态窗口,则表单未提交...

我还将类simplemodal-close添加到输入按钮,但是它在表单中工作了吗?

有什么建议吗? 这是我的代码

//模态窗口

modal.click(function(e){
  e.preventDefault();
  $.modal('<iframe src="' + this.href + '" height="480" width="525" style="border:0" >',{
        containerCss:{
        backgroundColor:"#fff"
    },
    overlayClose:true,
    onShow: function (dialog) {
    $("input",dialog.data).click(function (e) {
        e.preventDefault();
        alert('Here'); //Doesnt execute
        $.modal.close();
    parent.$.modal.close();
    alert('Here');
    });
  }
});

1 个答案:

答案 0 :(得分:0)

好吧,我刚刚做了..我没有使用iframe,因为在父。$ .modal.close().. ifs中包含的js不再执行..

所以我就是这样做的..

 //Modal Window
modal.click(function(e){
    e.preventDefault();
    $.get(this.href,function(data){

        var resp = $('<div></div>').append(data); // wrap response
        $(resp).modal({
            overlayClose:true,
            minHeight:450,
            minWidth: 500,
            containerCss:{
                backgroundColor:"#fff",
                borderColor:"#fff"
                },
            onShow: function(dialog){
                autocomplete();
            }
        });
    });

 });

如果我使用div代替iframe,当我提交时,模态会关闭,否则它会保持打开状态....

这很容易,但我感到困惑......