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"); // 防止出现滚动条,出现的话,你会把滚动条一起拖着走的
});
上一篇:Apache Spark技术实战之8:Standalone部署模式下的临时文件清理


下一篇:CF917D-Stranger Trees【矩阵树定理,高斯消元】