Question

请告诉我如何在以下情况下实时更改blockUI消息，而不会闪烁或调用blockUI。

E.g：

$.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窗口中的文字！

如果您已完成漫长的过程，则最终可以取消阻止用户界面：

$.unblockUI();

阻止UI实时消息

1 个答案: