阻止 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');

这只会更改现有块UI window!

中的文本

如果你已经完成了漫长的过程，你终于可以解封 UI:

$.unblockUI();

阻止 UI 实时消息

Block UI Real time message

jquery

blockui