| 事件 | 描述 | 实例 |
| 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">中
1 $("#myModal").modal({ 2 //backdrop: 'static', // 点击空白不关闭 3 // keyboard: false, // 按键盘esc也不会关闭 4 remote: '${ctx}/production/month/settle/productionMonthSettle/details?id='+data // 从远程加载内容的地址 5 });
添加头部拖动
1 $(".modal").each(function(){ 2 $(this).draggable({ 3 handle: ".modal-header" // 只能点击头部拖动 4 }); 5 $(this).css("overflow", "hidden"); // 防止出现滚动条，出现的话，你会把滚动条一起拖着走的 6 });