Bootstrap Modal上的BlockUI显示？

Question

我遇到的问题是在使用BlockUI向用户显示之前显示阻止整个模态内容。

如果我在单击触发modal的按钮后启动BlockUI，它会加载，但loading message无法在页面上正确呈现，它位于左上角。

$(document).on('click', '#modal-btn', function()
{
    mApp.block('#modal .modal-content',
    {
        overlayColor: '#000000',
        type: 'loader',
        state: 'success',
        message: 'Loading...'
    });
}); 

另一方面，如果我仅在显示模态后触发BlockUI，那么当用户可以编辑字段时，就像500ms-1秒。

$(document).on('shown.bs.modal', '#modal', function()
{
    app.block('#modal .modal-content',
    {
        overlayColor: '#000000',
        type: 'loader',
        state: 'success',
        message: 'Loading...'
    });
}); 

有没有办法：

A）使用第一个代码块中心BlockUI的loading消息？ B）在以某种方式向用户显示之前阻止整个模态，同时显示所有内容（包括loading text）。