bootstrap模态框
来源:互联网 发布:反向传播算法 电路图 编辑:程序博客网 时间:2024/06/02 01:19
模态框部分html代码:
<div class="modal fade" id="wgComModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="wgComModalLabel"> 动态替换内容 </h4> </div> <div class="modal-body" id="wgComMain"> 数据努力的加载中...... </div> </div> </div></div>js通用调用方法:
//打开模态框 并赋值标题 function openCommonModal(modalTitle) { $("#wgComModal").modal({ keyboard: false, backdrop: 'static', show: true }); //赋值模态框标题 $("#wgComModalLabel").empty().append(modalTitle); }请求controller,返回页面信息。并在js追加
function getModel(param) { openCommonModal(modalTitle); $.post("queryUrl", param, function (data) { $("#wgComMain").empty().html(data); }); }
阅读全文
0 0
- bootstrap--模态框
- bootstrap 模态框
- BootStrap模态框
- bootstrap模态框
- bootstrap模态框
- BootStrap 模态框
- Bootstrap 模态框
- Bootstrap模态框
- bootstrap模态框
- Bootstrap模态框
- BootStrap模态框
- bootstrap模态框
- bootstrap模态框
- Bootstrap模态框
- Bootstrap模态框
- bootstrap模态框
- bootstrap模态框
- bootstrap模态框
- Java指令重排序
- Chrome V8引擎介绍
- P4语言学习-环境配置+源码学习(1)
- Android Studio 自带模拟器root时:adbd cannot run as root in production builds
- openCV学习笔记(二): 摄像机处理体验
- bootstrap模态框
- NET Standard/Core中配置使用TargetFrameworks输出多版本类库及测试
- MSP430学习笔记-看门狗
- 面对系统bug,佛系用户说:我们不慌
- 今天,我要拒绝加班
- @Autowired用法
- 2017年手机界的七宗“最”,说说你被哪个所俘获
- 给初学者的五分钟设计指南-立即提升设计档次
- 【SMS】SMS协议介绍之SMS协议架构