首页 技术 正文
技术 2022年11月23日
0 收藏 748 点赞 4,221 浏览 1081 个字

1.定义模态框

    <div class="modal fade" id="Project_Cell_Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width:1400px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModal_Cel_Label">
请修改所选单元格的内容
</h4>
</div> <div class="modal-body">
<div class="row">
<div class="col-md-8" style="margin:0 80px;">
<div class="input-group input-group-sm"> <span class="input-group-addon">修改内容</span>
<input id = "value_text1" type="text">
</div>
<div class="input-group input-group-sm">
<span style="background: #f2dedf;display: none;" id = "cell_error" class="input-group-addon">填写内容不能为空</span>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" id="submit_cell" class="btn btn-primary">
修改
</button>
</div> </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>

2.js设置居中

        $('#myModal').modal('show').css({
width:'auto',
'margin-left':function(){
return-($(this).width()/2);
}
});
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,254
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,692
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,531
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,302
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,942
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,102