aitcax的专栏

学习,分享,助人,自助。

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

在js中绑定方法

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

bootstrap modal 的events:
查了好久才查到:(

事件 描述 示例
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. });

详细参考:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html

阅读更多
版权声明:原创文章,转载请注明出处。 https://blog.csdn.net/aitcax/article/details/52373997
文章标签: javascript bootstrap
个人分类: JavaWeb javascript
想对作者说点什么? 我来说一句

bootstrap布局可视化可拖拽

2016年05月25日 1.52MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭