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控制台对它进行了调试，然后使用.gif

加载JS和div

为什么它在某些页面中无效？此致

Answer 1

这里DIV标签默认显示无。所以...

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

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

试一试。

loader在某些索引页面中不起作用

1 个答案: