javascript - 写 "$(' #dialog').modal ('show' );"as plain javascript?

Question

HTML(一些 View /母版页):

<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不好看，需要一些时间，所以我们会在上面放一层，直到所有的东西都加载完毕。

我怎样才能实现我的目标，显示该图层？

Answer 1

我不知道 .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');
})();