浅析BootStrap模态框的使用(经典)
作者：CQ_LQJ 发布时间：2023-08-20 02:21:19
标签：bootstrap,模态框,使用
BootStrap模态框简单概述
Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。您可以在 Modals（模态框）中使用 Popover（弹出框）和 Tooltip（工具提示插件）。
1,Bootstrap 模态对话框和简单使用
div id="myModal" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3>对话框标题</h3>
</div>
<div class="modal-body">
<p>对话框主体</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">取消</a>
<a href="#" class="btn btn-primary" data-dismiss="modal">确定</a>
</div>
</div>
可以使用按钮或链接直接调用模态对话框，这是简单的用法：
<a href="#modal1" role="button" class="btn btn-primary btn-sm" data-toggle="modal">合同添加</a>
另外,当你需要让对话框能够在每次打开时表单数据清空,如下:
$('#modal1').modal('hide');
$("#modal1").on("hidden", function() {$('#form1')[0].reset();}); //添加合同后,清空表单操作
以上内容是小编给大家介绍的BootStrap模态框的使用，希望对大家有所帮助
0
投稿猜你喜欢
目录urllib子模块request模块function request.urlopen()class request.Requestpyt- 由于代码比较短，这里就不进行注释了代码如下:<％ '当目标页面的包含文件即#include的页面里边存在respon
- 实例如下所示：<?php索引数组//数组第一种定义 $arr = array(1,2,3);var_dump($arr); //数组第
- 我命油我不油天，今天依然是学习的一天。本文是【Python入门课程】系列的第四篇，其主要介绍Python的内置数据类型中的数字干货满满，建议
- 本文实例为大家分享了javascript实现切割轮播的具体代码，供大家参考，具体内容如下效果代码<!DOCTYPE html>&
- python对csv文件追加写入列,具体内容如下所示:原始数据[外链图片转存失败(img-zQSQWAyQ-1563597916666)(C
- 数据库安全性问题一直是围绕着数据库管理员的恶梦，数据库数据的丢失以及数据库被非法用户的侵入使得数据库管理员身心疲惫不堪。围绕数据库的安全性问
- 在Server和Client通讯中，由于网络等原因很可能会发生数据丢包的现象。如果数据缺失，服务端接收的信息不完整，就会造成混乱。我们需要在
- 在python中enumerate的用法多用于在for循环中得到计数，本文即以实例形式向大家展现python中enumerate的用法。具体
- 相比于2018年，在ICLR2019提交论文中，提及不同框架的论文数量发生了极大变化，网友发现，提及tensorflow的论文数量从2018
- 一，Socket编程（1）Socket方法介绍Socket是网络编程的一个抽象概念。通常我们用一个Socket表示“打开了一个网络链接“，而
- 一、系统介绍1.开发环境开发工具：Eclipse2021JDK版本：jdk1.8Mysql版本：8.0.132.技术选型Java+Swing
- 普通方法：爬取梨视频import reimport timeimport randomimport requestsfrom lxml im
- 限定范围拖拽目录代码实例与简易拖拽的差异下载源码链接 代码实例* { padding: 0; margin: 0;}#box1 {
- 可编辑下拉框-HTML <div style="position:relative;"> <selec
- 简单使用安装celery及redis定义celery任务项目下新建tasks.pyfrom celery import Celery# 创建
- 一、变量相关1.变量声明C# : int a;Go : var a int; 需要在前面加一个var关键字，后面定义类型可以使用 var（
- 今天学习了数组，可以说是PHP的数据应用中较重要的一种方式。PHP的数组函数众多，下面是我学习的小结，借此记之，便于以后鉴之…… 一、数组定
- javaScript 代码如下：$(document).ready(function(){ $(".message_list .m
- 实战场景Python 工程师在日常的工作中，经常会碰到解析和处理PDF文件的情况，实战中需求主要分为如下情况：提取 PDF 中的文字将 PD
