
        //1. jQuery自定义事件
        $("ele").on("click.change.open",function(){
        //do something
        });
        //1.1 用trigger触发事件
        $("ele").trigger("click");
        $("ele").trigger("click.change");
        $("ele").trigger("click.open");
        $("ele").trigger("click.change.open");

        //2. bootstrap使用了大量自定义事件
        //比如bootstrap模态框显示完成后，会触发shown.bs.modal事件
        $("#modal").on("shown.bs.modal",function(){
        //do something
        });


        //切换模态框状态
        $('#my_modal').modal('toggle')
        //显示模态框
        $('#my_modal').modal('show')
        //隐藏模态框
        $('#my_modal').modal('hide')
        //在调用 show 方法后触发
        $('#my_modal').on('show.bs.modal', function () {
        // do something
        })
        //当模态框完全对用户隐藏时触发
        $('#my_modal').on('hiden.bs.modal', function () {
        // do something
        })