码迷,mamicode.com
首页 > 其他好文 > 详细

为Bootstrap Modal(模态框)全局添加拖拽操作

时间:2019-11-06 18:29:41      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:asc   doc   出现   mod   cti   效果   code   rip   overflow   

 在js中绑定方法

$(document).on("show.bs.modal", ".modal", function(){
    $(this).draggable({
//        handle: ".modal-header"   // 只能点击头部拖动
    });
    $(this).css("overflow", "hidden"); // 防止出现滚动条,出现的话,你会把滚动条一起拖着走的
});

  

事件描述示例
show.bs.modal 在调用 show 方法后触发。 $("#identifier").on(‘show.bs.modal‘, function(){//do sth. });
show.bs.modal 当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。 $("#identifier").on(‘shown.bs.modal‘, function(){//do sth. });
hide.bs.modal 当调用 hide 方法时触发。 $("#identifier").on(‘hide.bs.modal‘, function(){//do sth. });
hidden.bs.modal 当模态框完全对用户隐藏时触发。 $("#identifier").on(‘hidden.bs.modal‘, function(){//do sth. });

为Bootstrap Modal(模态框)全局添加拖拽操作

标签:asc   doc   出现   mod   cti   效果   code   rip   overflow   

原文地址:https://www.cnblogs.com/angelasp/p/7278175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!