為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


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com