Question

当我点击登录按钮时，弹出窗口正确打开。但是当我关闭它并再次单击登录按钮而不刷新页面时，它不会出现。

我的代码是：

<script type="text/javascript">

load_login_page = function() {
    $.get(HOST_NAME + "e_commerce/ECommerces/ecommerce_login", {}, function(data) {
        $("#temp_login_box").html(data);
        $.blockUI({
            message:$('#temp_login_box'),
            css:{
                top:($(window).height() - 300) / 2 + 'px',
                left:($(window).width() - 800) / 2 + 'px',
                width:'620px',
                border:'none',
                background:'none',
                cursor:'default'
            },
            overlayCSS:{ backgroundColor:'#333' }
        });
        load_login_ajax_form();
    });
};

load_login_ajax_form = function () {
    var options = {
        beforeSubmit:show_login_request, // pre-submit callback
        success:show_login_response  // post-submit callback
    };
    $('#product_info_form').ajaxForm(options);

};

show_login_request = function (formData, jqForm, options) {
    return true;
};

show_login_response = function (responseText, statusText, xhr, $form) {
    if (responseText == 'ok') {
        //  $("#temp_login_box").html(responseText);
        window.location.href = HOST_NAME + "e_commerce/ECommerces/user_desboard";
        //load_login_ajax_form();
    } else {
        $("#temp_login_box").html(responseText);
        load_login_ajax_form();
    }
};

hide_login_info = function() {
    $.unblockUI();

};

hide_login_info是表单关闭功能。 temp_login_box是目标div的id。请帮我解决这个问题。

Answer 1

要查看更多，我需要$ .unblockUI代码。

但我的建议是，在unblockUI函数中，你要清空div或隐藏它。

如果你隐藏它然后点击显示你必须写$（）。show（）; $ .blockUI函数

如果不是原因提供$ .unblockUI代码然后我可以帮助你。注意是隐藏的div的jquery选择器

Answer 2

请跟踪您的功能load_login_page以检查每次是否$.get。

因为您在$ .get

的成功中创建了$.blockUI

javascript不再显示登录表单

2 个答案: