javascript - jQuery blockUI 不会解锁

Question

我有一个很好的模式，可以在通过 ajax 提交帖子时遮挡屏幕。 blockUI 启动正常，模态显示，但是当 Ajax 完成发布时模态不会解除阻塞，它只是继续显示。

$(document).ajaxStop($.unblockUI); 

$(document).ready(function() { 
    $('#ninja_forms_field_50').click(function() { 
        $.blockUI({ message: $('#rLo') }); 
    }); 
}); 

<div id="rLo" style="display:none;"> 
    <p style="font-size:33px; font-weight:300; text-align:center; line-height: 48px;">Your Recipe is Processing!</p>  
    <img src="<?php bloginfo('template_url'); ?>/images/loadinfo.net.gif" alt="Loading..." />
    <?php include(TEMPLATEPATH.'/quotes.php'); ?>
</div>

Answer 1

您需要一个 ajax 调用来解除阻塞:

$(document).ready(function() { 
    $('#ninja_forms_field_50').click(function() { 
        $.blockUI({ message: $('#rLo') }); 

        // Your ajax call here
    }); 
});