写“$('#dialog').modal('show');”作为普通的javascript？答案

【问题标题】：Writing "$('#dialog').modal('show');" as plain javascript?写“$('#dialog').modal('show');”作为普通的javascript？
【发布时间】：2017-02-03 17:57:29
【问题描述】：

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

我怎样才能达到我的目标，以显示该层？

【问题讨论】：

是什么让您认为显示引导模式的 CSS 加载速度会更快？
正是我想说的，你的速度很快 :D @james
@James Thorpe,@Vikrant 因为所有插件的 css(bootstrap3,jquery..) 都会提前加载，最后我加载自定义的 css，我会覆盖这些 (plugins css) css 规则
向后看...如果您使用 css 显示该模态，然后稍后使用脚本将其删除，则不需要脚本来显示该模态
你意识到bootstrap依赖于jquery吗？

标签： javascript jquery css asp.net-mvc twitter-bootstrap-3

【解决方案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');
})();

【讨论】：

【解决方案2】：

将模型包装在文档就绪语句中

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

【讨论】：

实际上，哪个事件处理程序最适合加载模式，document.ready 事件处理程序迟到了？！