bootstrap弹出框

标签页Tags 标签页是一个经常使用的组件，可以放置较多的内容，又可以节省页面空间，其实吧，就是我们常说的选项卡。 <!-- 标签页的设置，分为两部分，一个是标签列表，一个是内容区 .nav .nav-tabs 定义一个标签页 --> <ul class="nav nav-tabs" role="tablist"> <li class="active"> <!-- 定义一个标签选项 href="" 指向内容区的id号 --> <a href="#tab-chrome" role="tab" data-toggle="tab">Chrome</a> </li> <li> <a href="#tab-firefox" role="tab" data-toggle="tab">Firefox</a> </li> <li> <a href="#tab-safari" role="tab" data-toggle="tab">Safari</a> </li> <li> <a href="#tab-opera" role="tab" data-toggle="tab">Opera</a> </li> <li> <a href="#tab-ie" role="tab" data-toggle="tab">IE</a> </li> </ul> <!-- .tab-content

html 页面： <div class="modal fade" id="popPrintSheet" role="dialog" aria-labelledby="printSheet" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog middle-size"> <div class="modal-content marginT20px"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="printSheetTitle" >CoverSheet Print</h4> </div> <div class="modal-body left20pc-right" style="height:800px; overflow:scroll;"> <div id="showCoverSheetTmpl" style="display: none;"></div> </div> </div> </div> </div> class=

$(".classname").click(function () { $('#mymodel').modal('show'); alert('模态框打开了'); }); $('#mymodel').on('hide.bs.modal', function () { alert('模态框关闭了'); }); 　　适用场景：一个弹出框多次使用动态赋值时弹出框会先显示之前赋值的数据再重新修改值，获取关闭事件后可以在关闭窗口的时候清除要赋值ID的具体值 转载于:https://www.cnblogs.com/JAYIT/p/11287939.html 来源： https://blog.csdn.net/weixin_30237719/article/details/99814698