当前位置: 首页 > 面试题库 >

在页面加载时启动Bootstrap Modal

燕刚捷
2023-03-14
问题内容

我一点都不懂javascript。引导文档说

通过javascript调用模式:$(’#myModal’)。modal(options)

我不知道如何在页面加载时调用它。使用引导页面上提供的代码,我可以在元素单击时成功调用Modal,但是我希望它在页面加载时立即加载。


问题答案:

只需将要在页面加载时调用的模式包装在load文档头部的jQuery 事件内,它就会弹出,如下所示:

JS

<script type="text/javascript">
    $(window).on('load',function(){
        $('#myModal').modal('show');
    });
</script>

的HTML

<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

您仍然可以通过以下链接来调用页面中的模式,方法是:

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>


 类似资料:
  • 本文向大家介绍jquery在启动页面时,自动加载数据的实例,包括了jquery在启动页面时,自动加载数据的实例的使用技巧和注意事项,需要的朋友参考一下 其实,重要的就是这个方法: 具体的在jquery中: 具体的ajax怎么使用,可以查看我的上一篇博客《浅谈ajax在jquery中的请求和servlet中的响应》 在jsp中: 以上这篇jquery在启动页面时,自动加载数据的实例就是小编分享给大家

  • 问题内容: 我有一个Android应用程序,其中显示了3秒钟的“启动画面”。之后,MainActivity被加载。 不幸的是,MainActivity需要额外的〜4秒来加载。首次启动时间更长。但是,在加载该应用程序后,一切都会顺利进行。 现在如何在启动屏幕显示期间实现MainActivity的加载?它只应显示一个图像,直到整个东西完全加载为止。我已经阅读了有关Async- Task的信息,但不确定

  • 问题内容: 当Django启动时,如何从mysql数据库加载资源并将其放入内存(Redis)中,以供所有应用程序使用。 我已经看到了这个 [https://docs.djangoproject.com/en/dev/ref/applications/#django.apps.AppConfig.ready] 但是他们提到在ready函数中不使用db连接。我的网站启动时该怎么办? 我还可以在read

  • 问题内容: 我希望IPython或Python解释器在启动它们时自动加载模块。 可能吗? 例如,当我启动IPython时: 在教程页面中可以找到类似SymPy的live shell的 东西。 问题答案: 检查文件-您可以列出要在启动时加载的所有模块。

  • 问题内容: 我正在尝试从启动时自动加载模块,目前我在IPython启动库中有一个简单的脚本,其内容如下: 直接从外壳运行时可以正常工作,但是从脚本运行该行时,该模块似乎没有加载,我通过向其添加一些任意变量分配来确保已加载启动脚本: 并在启动IPython时(如预期的那样)预先分配了变量。 我试图在这里和这里寻找一些解决方案,但无处可寻,任何帮助将不胜感激,谢谢 问题答案: 我找到了一个解决方案,在

  • 问题内容: EJB似乎是延迟加载的-每当访问时。 但是,我想热切地初始化它们-即每当容器启动时。如何实现的(特别是在JBoss中) 该主题提供了一些提示,但并不令人满意。 问题答案: 从EJB 3.1开始,可以将模块启动和停止通知单例bean: 在EJB 3.1之前,没有标准的纯EJB解决方案。我建议将WAR添加到您的EAR并使用servlet-context-listener。