问答详情
源自:8-12 模态弹出框--JavaScript触发时的参数设置(二)

事件设置是怎么用的啊?

上面的事件设置怎么应用,有什么作用啊

提问者:慕粉1330267604 2017-02-20 17:22

个回答

  • yu_anhui
    2017-02-21 16:04:01

    一、应用

    $(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动画漂完成之后)触发--(执行关闭后)");

    });

    });