blockUI не работает должным образом

Question

blockUI не работает должным образом

0

У меня есть следующий код jquery

$("#tbl").block({ message: 'Updating...' });
    $("#tbl > tbody > tr").each(function (i) {
    ...
    }
$("#tbl).unblock();

Теперь моя проблема - blockUI работает только после выхода из цикла. Как я могу блокировать UI перед входом в цикл и разблокировать интерфейс после цикла?

Lakhae 12 июнь 2014, в 18:09

Источник

0

Вы уверены, что ваш .each() не просто работает так быстро, что blockUI быстро запускается и останавливается?
Stevangelista 12 июнь 2014, в 15:43
0

Ну, это не я пытался извлечь код разблокировки, а блокировать его можно только тогда, когда он не в курсе.
Lakhae 12 июнь 2014, в 15:45
0

JavaScript не асинхронный, как вы ожидаете. Код blockui использует JavaScript для выполнения анимации с течением времени ложным асинхронным способом, но обновление таблицы блокирует запуск кода анимации. Что вы можете сделать, так это подождать, пока blockui не исчезнет, прежде чем начинать цикл.
HJ05 12 июнь 2014, в 15:47
0

@HJ05 HJ05 можешь привести пример?
Lakhae 12 июнь 2014, в 15:51

Показать ещё 2 комментария

Теги:

jquery

blockui

jquery-blockui

1 ответ

Ещё вопросы

Вы уверены, что ваш .each() не просто работает так быстро, что blockUI быстро запускается и останавливается?
Ну, это не я пытался извлечь код разблокировки, а блокировать его можно только тогда, когда он не в курсе.
JavaScript не асинхронный, как вы ожидаете. Код blockui использует JavaScript для выполнения анимации с течением времени ложным асинхронным способом, но обновление таблицы блокирует запуск кода анимации. Что вы можете сделать, так это подождать, пока blockui не исчезнет, прежде чем начинать цикл.

HJ05 · Accepted Answer · 2014-06-12T14-46-00.000Z

Вы захотите использовать onBlock вызов onBlock доступный в BlockUI.

Вот код:

HTML:

<button id="btn">Click Me</button>

JavaScript:

$(document).ready(function() { 
    $('#btn').click(function() { 
        $.blockUI({ 
            fadeIn: 1000,
            message: 'Your message here...',
            onBlock: function() {
                var x = 0;
                for (var i = 0; i < 1000000000; i++) {
                    x = (x*x)*(x*x);
                    x = x*i;
                }
                $.unblockUI();
            } 
        }); 
    });    
});

Вот работающий скрипт

Спасибо за вашу помощь. Как я могу изменить загрузочное сообщение по умолчанию «пожалуйста, подождите» на другое сообщение.
Вы бы изменили сообщение по умолчанию с параметром message . Обновленный ответ и Fiddle, чтобы включить его.