BlockUI не работает после первого вызова

Я использую blockUI с некоторыми вызовами AJAX, и у меня возникают проблемы с его работой. При первом вызове все работает как положено. Когда я выполняю последующий вызов AJAX и пытаюсь вызвать blockUI, он больше не блокирует мой экран. В обоих случаях запись в консоль приводит к функции (opts) { install(window, opts); } возвращается. Думая, что это может быть проблема с z-значением, я попытался добавить baseZ с числом выше, чем любое другое z-значение в моем css, но это не помогло. Простой пример одного из вызовов приведен ниже:

$(document).ready(function() {
    $(document).on('click',".defect",function() {
        $.blockUI({ message: "<h4>Getting images ...</h4><img src='img/wait.gif'/>"});
    })
})

Я попробовал $(document).ajaxStop($.unblockUI);, а затем попытался удалить это и использовать $.unblockUI(); в своем успехе AJAX, но все равно получил те же результаты.


javascript jquery ajax jquery-blockui
person chemnteach    schedule 28.07.2014    source источник
comment
То, что у вас есть, должно более-менее работать. Можете ли вы включить более полный пример того, что вы делаете?   -  person Tieson T.    schedule 28.07.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете добавить jquery.blockUI.js. Попробуйте добавить его, когда происходит вызов ajax:

$(document)
    .ajaxStart(function () {
    $.blockUI(); 
/*      for css style
    $.blockUI({css: { border: 'none',
            padding: '5px',
            backgroundColor: '#000',
            '-webkit-border-radius': '5px', 
            '-moz-border-radius': '5px',
            opacity: .5, color: '#fff' },
            message: "Loading..."}); */
    })
    .ajaxStop(function () {
     $.unblockUI();
    });
person Shashank Vivek    schedule 08.09.2014