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
    }); 
});

Answer 2

我没有使用它，但是如果blockUI是一个函数，为什么你在没有（）的情况下使用unblockUI？可能是那个问题？

Answer 3

您的Ajax请求在哪里发生？在您提供的代码中没有Ajax调用，并且由于仅在Ajax请求完成时才触发ajaxStop（），因此您永远不会评估该函数。

如果您正确执行Ajax调用并且未进行解除阻止，则可以考虑在global选项设置为true的情况下触发Ajax请求。

参考：http://api.jquery.com/ajaxStop/

jQuery blockUI不会解除阻塞

3 个答案: