$(function(){

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

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

    });

        $('#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动画漂完成之后）触发");

});

  });