块UI实时消息

Question

请让我知道如何在以下场景中实时更改blockUI消息，而不需要闪烁或调用blockUI。

例如：

$.blockUI({ message: '<h1>Please wait - calculating Exposure </h1>' }); 
Ajax call1 CalculateExposure()
Ajax call2 CheckStatus() // Will run every 5 seconds for max 2 minutes
{ 
    // Here i want to change block ui page message to checking rates,etc... 
    // This is calling again so page is flickering...
    // $.blockUI({ message: '<h1>checking rates </h1>' });
}     

Answer 1

所以，如果不清楚的话，我会给你一个更准确的答案。定义您的第一个消息如下：

$.blockUI({
    message: '<h1 id="myMessage">Please wait - calculating Exposure </h1>'
});

然后，在您想更新消息之后，执行以下操作：

document.getElementById('myMessage').value = 'checking rates';

或者jQuery的方式：

$('#myMessage').text('checking rates');

这只会改变现有blockUI窗口中的文本！

如果您已经完成了您的长流程，您可以最终解除对UI的阻塞：

$.unblockUI();