页面加载指示器yii2

Question

我尝试添加加载指示器。在视图中添加

     $this->registerJsFile('js/loading_indicator.js', [
        'depends' => ['yii\web\JqueryAsset']
    ]);
    $this->registerJsFile('js/loading_indicator.js');
<img src="http://dkclasses.com/images/loading.gif" id="loading-indicator" style="display:none" />

在css中这个

`#loading-indicator {
    position: absolute;
    left: 10px;
    top: 10px;
}`

在js中

    $(document).ajaxSend(function(event, request, settings) {
    $('#loading-indicator').show();
});

$(document).ajaxComplete(function(event, request, settings) {
    $('#loading-indicator').hide();
});

但是当页面加载时没有指标。当我在页面上始终删除此style="display:none指示符时。

Answer 1

尝试将js文件放在html页面的head部分：

$this->registerJsFile('js/loading_indicator.js', [
    'depends' => ['yii\web\JqueryAsset'],
    'position' => View::POS_HEAD,
]);

删除对registerJsFile的第二次调用。