頁面加載指示器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頁面的頭部分：

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

刪除以registerJsFile第二個呼叫。