AdminLTE2的模态框(弹出框)
刚好一个SSM练习项目中用到了这个弹出模态框的设计 来记录一下
关于这个模态框 找了很久 很多都不能用 后来自己去官网找了一段模态框代码 亲测可用
先上模态框代码:
<div class="modal fade" id="modal-default"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><h4 class="modal-title">【标题】</h4></div><div class="modal-body">【内容】</div><div class="modal-footer"><a href="#" id="confirmDelete" class="btn bg-navy btn-xs">确认</a><a href="#" class="btn bg-red btn-xs" data-dismiss="modal">取消</a></div></div></div>
</div>
通过$('#modal-default').modal('show')
触发 简单方便
AdminLTE2的模态框(弹出框)相关推荐
- bootstrap中轮播图、模态框、提示框/弹出框、滚动监听、弹性布局、响应式flex、多媒体对象
轮播图: bootstrap封装了轮播图的功能,其具体如下: 类名 描述 .carousel 创建一个轮播图块的容器,实质是做布局用:且此容器应该有一个di属性,其属性值提供给下面左右按钮href锚点 ...
- 微信小程序简易实现模态框弹出框方法代码
方法如下 介绍 wxml代码 Javacript代码 wxss样式 介绍 可以将showModal和hideModal内的方法交换从而改变弹出框方向,但要注意showModalStatus在两个函数内 ...
- vue中实现模态框弹出框动画(旋转弹出)
vue模态框弹窗动画 沃达尔 (Vodal) A Nice vue modal with animations. 带有动画的尼斯vue模态. 安装 npm i -S vodal 用法 <temp ...
- 第二百四十六节,Bootstrap弹出框和警告框插件
Bootstrap弹出框和警告框插件 学习要点: 1.弹出框 2.警告框 本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件. 一.弹出框 弹出框即点击一个元素弹出一个包含标题和内容的 ...
- js弹出框,点击切换事件,jQuery改变一部分css样式
文章目录 js,声明变量注意点 js弹出框 js.flag=0的使用 js,隐藏样式 jquery改变css样式 js,声明变量注意点 <script>// 声明多个变量 var age= ...
- 4.下拉选择框,弹出框。滚动条,(frame切换、多窗口切换,很重要,常用)等等,面试重要
文章目录 target 下拉选择框 弹出框-- driver.switch_to.alert 滚动条 frame切换-- 重要 多窗口切换 截屏 验证码 cookie target 下拉选择框--se ...
- html表单弹窗提示框,【前端】弹出框提交表单
[前端]弹出框提交表单 发布时间:2018-11-03 22:30, 浏览次数:826 目录 * 功能描述 * 效果截图 * 代码 * html代码 * 触发弹出窗口的按钮 * js代码 * 弹出框的 ...
- Bootstrap 弹出框
一.Bootstrap 弹出框 弹出框控件类似于提示框,它在鼠标点击到元素后显示,与提示框不同的是它可以显示更多的内容. 注意: 弹出框要写在 jQuery 的初始化代码里: 然后在指定的元素上调用 ...
- php ajax弹出框传值,PHP_Yii2.0 模态弹出框+ajax提交表单,如题 我们使用模态弹出框+ajax - phpStudy...
Yii2.0 模态弹出框+ajax提交表单 如题 我们使用模态弹出框+ajax提交表单 首先我们把index视图的create按钮添加data-toggle 和 data-target. 代码如下: ...
- Yii2.0 模态弹出框+ajax提交表单
如题 我们使用模态弹出框+ajax提交表单 首先我们把index视图的create按钮添加data-toggle 和 data-target. 代码如下: <?php echo Html::a( ...
最新文章
- 信息收集工具exiftool获取图片中的exif信息
- 15.基于Hadoop的数据仓库Hive第2部分
- python查询代码可循环执行_还在用鼠标进行着重复的操作?几行python代码帮你搞定!!...
- 数据中心运营之4P标准化运维规程
- python程序设计基础教程答案山东联盟答案_Python程序设计基础 (山东联盟) 期末...
- java swing最小化_Java swing 窗口最小化到任务栏 点击右键显示菜单(复制代码即可运行查看效果)...
- linux多进程 段错误,关于段错误
- Flask werkzeug 源码解析
- LintCode 1917. 切割剩余金属
- 面试题58 - II. 左旋转字符串
- 小学生计算机课堂实践的重要性,小学《信息技术》有效课堂教学的实践与研究课题方案...
- 21个Docker 命令
- 每日算法系列【LeetCode 357】计算各个位数不同的数字个数
- 如何用bat批处理编译swf项目
- Guava LoadingCache用法
- swift4 label显示html,Swift:在标签或textView中显示HTML数据
- kettle 零基础快速入门(一)
- linux下安装sg11,linux服务器怎么装SG11解密插件?
- StrokeIt:让鼠标手势无处不在
- Python如何进行语法检查
热门文章
- peer channel create解析
- CodeForces 760B. Frodo and pillows(二分)
- 优化LNMP架构采用“Website Baker”为小型公司创建高性能网站方案
- 盘点那些值得吐槽的计算机术语翻译
- 重装win10专业版系统
- Current_Path 获取脚本所在路径(当前路径),取当前时间做文件名(uformat)
- 计算机10进制213.375怎样转化为二进制,2进制转10进制(二进制怎么算)
- Java写入磁盘阵列_磁盘阵列方案
- Adobe将支持HTTP流媒体直播 预示着ipad将可以用flash吗?
- 小程序behavior