一、应用

$(function() {

$(".btn").click(function() {

$("#mymodal").modal("toggle");

});

$('#mymodal').on('show.bs.modal', function(e) {

alert("在show方法调用时立即触发（尚未显示之前）；如果单击了一个元素，那么该元素将作为事件的relatedTarget属性--（弹窗前）");

});

$('#mymodal').on('shown.bs.modal', function(e) {

alert("该事件在模态弹出窗完全显示给用户之后（并且等CSS动画完成之后）触发；如果单击了一个元素，那么该元素将作为事件的relatedTarget事件--(弹窗出来后)");

});

$('#mymodal').on('hide.bs.modal', function(e) {

alert("在hide方法调用时（但还未关闭隐藏）立即触发--(点击关闭，但还没执行时)");

});

$('#mymodal').on('hidden.bs.modal', function(e) {

alert("该事件在模态弹出窗完全隐藏之后（并且CSS动画漂完成之后）触发--(执行关闭后)");

});

});