我有一个很好的模式,可以通过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>

最佳答案

您需要ajax调用才能解除阻塞:

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

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

关于javascript - jQuery blockUI不会解除阻止,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19758775/

10-11 05:44