bootstrap 模态框事件

事件	描述	实例
show.bs.modal	在调用 show 方法后触发。	$('#identifier').on('show.bs.modal', function () { // 执行一些动作... })
shown.bs.modal	当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。	$('#identifier').on('shown.bs.modal', function () { // 执行一些动作... })
hide.bs.modal	当调用 hide 实例方法时触发。	$('#identifier').on('hide.bs.modal', function () { // 执行一些动作... })
hidden.bs.modal	当模态框完全对用户隐藏时触发。	$('#identifier').on('hidden.bs.modal', function () { // 执行一些动作... })

远程加载控件到<div class="modal-body form-group">中

  $("#myModal").modal({

          //backdrop: 'static',     // 点击空白不关闭

          // keyboard: false,        // 按键盘esc也不会关闭

           remote: '${ctx}/production/month/settle/productionMonthSettle/details?id='+data    // 从远程加载内容的地址

 });

添加头部拖动

     $(".modal").each(function(){

             $(this).draggable({

                 handle: ".modal-header"   // 只能点击头部拖动

             });

             $(this).css("overflow", "hidden"); // 防止出现滚动条，出现的话，你会把滚动条一起拖着走的

         });

巴特西

bootstrap 模态框事件

最新文章

热门文章