我正在尝试使Bootstrap模态框可以在页面的任何位置拖动,并且当模态框打开时,我希望用户能够继续使用页面。
我已经能够使用jQuery UI使模态框可拖动,但是我卡在了在模态框打开时让页面可用上。 尝试了几个CSS建议,但没有一个符合我的要求。
这个使页面可用,但模态框仅限于页面的一部分:Bootstrap Modal - make background clickable without closing out modal
和这个也一样:Enable background when open bootstrap modal popup
使用Bootstrap模态框是否可能实现这一点?
这是我的JS:
$('#btn1').click(function() {
var modalDiv = $('#myModal');
modalDiv.modal({backdrop: false, show: true});
$('.modal-dialog').draggable({
handle: ".modal-header"
});
});
JSFiddle链接:https://jsfiddle.net/ntLpg6hw/1/