素材巴巴 > 程序开发 >

Bootstrap 模态框Modal【前端Bootstrap框架】

程序开发 2023-09-11 10:27:43

模态框Modal

在这里插入图片描述

模式框是覆盖父窗体的子窗体。通常,其目的是显示来自单独来源的内容,并且可以在不离开父窗体的情况下进行一些交互。子窗体可以提供信息、交互等。
如果要单独引用此插件的函数,则需要引用modal js或者,如“bootstrap插件概述”一章所述,您可以参考BootstrapJS或bootstrap.min.JS的压缩版本。
用法
您可以切换模式插件的隐藏内容:
通过数据属性:在控制器元素(如按钮或链接)上设置属性data toggle=“modal”,并设置数据目标=“ identifier”或href=“ identifier”以指定要切换的特定模式框(id=”identificate”)。
通过javascript:使用这种技术,您可以通过一行简单的javascript调用id=“identifier”的模式框:
$(‘#identifier’)。模式(选项)
实例
静态模式窗口的示例如以下示例所示:

创建模态框(Modal)


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。