// 显示
$('#MyModal').modal('show');
// 关闭
$('#MyModal').modal('hide');
// 切换
$('#MyModal').modal('toggle');
$('#MyModal').on('hidden.bs.modal', function(){
});
html
中设置:<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
Launch demo modal
</button>
js
中创建时设置:$('#myModal').modal({backdrop: 'static', keyboard: false});
// 不可关闭
$('#myModal').data('bs.modal').options.backdrop = 'static';
$('#myModal').data('bs.modal').options.keyboard = false;
// 允许关闭
$('#myModal').data('bs.modal').options.backdrop = true;
$('#myModal').data('bs.modal').options.backdrop = true;
// Bootstrap2里应该用data('modal')
$(document.body).on('hide.bs.modal,hidden.bs.modal', function () {
$('body').css('padding-right','0');
});
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。