如何在提交期间关闭此jQuery Modal弹出窗口?

时间:2013-02-01 08:09:10

标签: php jquery ajax submit modal-dialog

我点击按钮提交,但我不知道如何更改此代码以防止模式弹出窗口关闭。

我不确定我当前的设置是否会对此产生影响。我正在运行一个php页面并使用include("Registration.php");

该文件是我注册的一种形式。它真的是模态弹出窗口。我有一个关闭按钮,我想知道我是否可以启用关闭弹出窗口的唯一方法是单击外部或关闭按钮。不是在提交/回复行为期间。

可以吗?

这是我的弹出窗口

$(document).ready(function() {
    $('a.modal-window').click(function() {
        var loginBox = $(this).attr('href');
        $(loginBox).fadeIn(300);
        var popMargTop = ($(loginBox).height() + 24) / 2; 
        var popMargLeft = ($(loginBox).width() + 24) / 2;       
        $(loginBox).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });         
        $('body').append('<div id="mask"></div>');
        $('#mask').fadeIn(300);         
        return false;
    });

以下是我的结束代码。

    $('a.close, #mask').live('click', function() { 
      $('#mask , .login-popup').fadeOut(300 , function() {
        $('#mask').remove();  
    }); 
    return false;
    });
});

这是我到目前为止用来阻止帖子回来的内容,但也允许PHP向服务器端验证它。它停止所有提交,所以我认为它必须是模态的问题。

var request;
$("#loginform").submit(function(event){
    if (request) {
        request.abort();
    }
    var $form = $(this);
    var $inputs = $form.find(':input');
    var serializedData = $form.serialize();
    var request = $.ajax({
        url: "Default.php",
        type: "post",
        data: serializedData
    });
    event.preventDefault();
});

0 个答案:

没有答案