jQuery BlockUI в Firefox и Chrome

jQuery BlockUI очень хорошо работает в IE, так что для меня это абсолютная проблема: D

Ну, я хочу ждущий gif для сообщения по умолчанию:

var message = "<img src='/img/ajax-loader2.gif' width='32' height='32'>";
$.blockUI.defaults.message = message;

Этот тип работает в IE и ломается в FF (показывает картинку типа не может ее загрузить), а Chrome что-то не показывает. :(

У кого-нибудь есть идея принудительно показать эту милую гифку?


google-chrome jquery firefox jquery-blockui
person Eleanor    schedule 19.11.2012    source источник
comment
Теперь Firefox в порядке: $('div.blockOverlay').addClass('customMessage'); но хром показывает пустое изображение...   -  person Eleanor    schedule 19.11.2012

Ответы (2)


arrow_upward
0
arrow_downward

Я использую этот код и отлично работает для Chrome и Firefox:

var msg = "<img src='/img/ajax-loader2.png' width='32' height='32'>";
$.blockUI({message: msg});

и если вы хотите разблокировать его, просто используйте:

$.unblockUI();
person Savi    schedule 19.11.2012
comment
Да, спасибо, я тоже использовал сообщение таким образом, но не могу помочь мне... Я смотрел инструмент веб-разработчика Chrome, он говорит, что изображение есть, но его не видно... Затем я добавил этот класс, как указано выше, и в firefox это работает... (интересно, если я не добавляю класс, он показывает в firefox битое изображение, я добавляю класс с фоном gif, firefox тоже показывает фон и изображение... chrome не... .) - person Eleanor; 20.11.2012
comment
Я думаю, вы должны поставить изображение png. PNG изображение отлично работает на моем хроме - person Savi; 20.11.2012

arrow_upward
0
arrow_downward

Попробуйте это: Метод 1:

<script type="text/javascript">
    $(document).ajaxStop($.unblockUI);
    $(document).ready( () {
    $.blockUI({ message: '<img src="/img/ajax-loader2.gif" />'}); 
   });
</script>

Метод 2: может ли эта ссылка помочь вам, нажмите здесь

person bob marti    schedule 27.01.2017