Загрузчик не работает на некоторых индексных страницах

Question

У меня есть загрузчик в _Layout, который активируется, когда я нажимаю кнопку отправки:

$('button[type="submit"]').click(function () {
                $.blockUI({
                    message: $('#bloqueocarga'),
                    baseZ: 99999,
                    css: {
                        border: 'none',
                        backgroundColor: 'none',
                    },
                    overlayCSS: {
                        backgroundColor: '#fff',
                        opacity: 0.7,
                    }
                });
            });

<div id="bloqueocarga" style="display:none;">
        <img src="~/Content/loading.gif" />
    </div>

Почему-то на некоторых страницах работает, а на других нет:

Кнопка индексной страницы, где она не работает:

   <input type="submit" value="Generate" class="btn btn-xs" style="background-color:#3399FF;color:#FFFFFF" />

Кнопка индексной страницы, где она работает успешно:

<input type="submit" value="Save" class="btn btn-xs" style="background-color:#3399FF;color:#FFFFFF" />

Как видите, нет никакой разницы, но я действительно не знаю, почему на некоторых страницах ничего не работает. Я отлаживаю его с помощью консоли Chrome, и он загружает JS и div с.gif

Любые другие идеи, почему это не работает только на некоторых страницах? С уважением

Answer 1

Здесь тега DIV по умолчанию не отображается. так...

<div id="bloqueocarga" style="display:none;">
            <img src="~/Content/loading.gif" />
        </div>

    $('#bloqueocarga').show();

попытайся.