相关疑难解决方法(0)

我正试图在页面的任何地方创建一个可拖动的模式,当模态打开时,我希望用户能够继续使用该页面.

我能够使用jquery-ui使模态可拖动但是我仍然坚持在模态打开时使页面可用.用CSS尝试了几个建议,但没有一个像我希望的那样工作.

这使得页面可用,但模态仅限于页面的一部分:Bootstrap Modal - 使背景可点击而不关闭模态

与此相同:打开bootstrap模式弹出窗口时启用后台

是否有可能通过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/