2016-09-26 7 views
0

HTML(一部の表示/マスターページ):

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

ポイント、私は自分のコードを入れたい問題は、この時点のjqueryのである_ViewStart.cstml

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

ではまだ利用できません。

後で読み込まれます。

私たちの目的は、最初にレンダリングされるCSSが見栄えが悪く、時間がかかるためすべてがロードされるまでレイヤーを上に置くためです。

どのようにしてそのレイヤーを表示することができますか?

+2

CSSがブートストラップのモーダルを表示するのが速くなると思いますか? –

+0

D @james – Vikrant

+0

@James Thorpe、@ Vikrantすべてのプラグインのcss(bootstrap3、jquery ..)が先に読み込まれ、最後にカスタマイズされたCSSがロードされるため、私はこれらの(プラグインのCSS)のCSSのルール – ASfdsa33

答えて

0

は私が.cshtmlを知らない文書準備文のモデルを示していますが、完全に実行する前にロードされているHTMLCSSJavaScriptのを待つ必要があります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

関連する問題