2016-09-26 63 views
0

的HTML(一些視圖/母版頁):

<div id="dialog" tabindex="-1" class="modal hide fade" data-keyboard="false" data-backdrop="static" role="dialog" aria-labelledby="waitAndLoadTitel" /> 

點,在這裏我想把我的代碼是_ViewStart.cstml

<script> 
     $('#dialog').modal('show'); 
    </script> 

的問題是在這一點上,jQuery是尚未公佈。

它將在稍後加載。

我們的目標是鎖定屏幕,因爲在開始渲染的css不好看,並且需要一些時間,所以我們會在頂部放置一個圖層直到所有內容都被加載。

我該如何實現我的目標,以顯示該圖層?

+2

是什麼讓你認爲顯示引導模式的CSS會加載更快? –

+0

正是我想說的,你只是快速:D @ james – Vikrant

+0

@James Thorpe,@ Vikrant因爲所有的插件的CSS(bootstrap3,jquery ..)將被加載並在最後加載自定義的CSS,其中我覆蓋這些(插件CSS)CSS規則 – ASfdsa33

回答

0

我不知道.cshtml,但你需要等待HTML CSS的JavaScript執行之前滿載使用DOM的動作:

<script> 
// self executing function here 
(function() { 
    // your page initialization code here 
    // the DOM will be available here 

    $('#dialog').modal('show'); 
})(); 

0

裹告訴你在文檔準備好聲明模型

<script> 
     $(function(){ 
     $('#dialog').modal('show'); 
     }); 
</script> 
+0

實際上,哪個事件處理程序是最好加載模式,document.ready事件處理程序要遲到了! – ASfdsa33