uibModal 完全禁用背景并允许点击背景

Question

我有一个可拖动的模态window。我想完全禁用背景。我知道 uibModal 有一个背景属性，我可以设置 true/false 或 static - 但这对我来说还不够，我仍然想要背景中的 html 内容可点击，例如 Google Sheet 帮助模式 window - 您可以打开它，拖动它并仍然在后台工作。我怎样才能完全禁用背景并使模式打开时背景中的内容可点击？这可以用 uibModal 实现，还是我应该在普通 javascript/iframe 中创建模态 window?

我可以用这个 CSS:

让背景可以点击

.modal {
   pointer-events: none;}
.modal-backdrop {
   display: none;}

这个问题是它杀死了可拖动的功能，因为你不能再点击模式（只有背景是可点击的）。

Answer 1

我用 jQuery UI

解决了我的问题

$(document).ready(function(){
    $("#div-name").draggable({ containment: "body", scroll: false, handle:'#header' });
})

正如你们所看到的，我为我想要拖动的 div 设置了我的 ID，我还为页面主体设置了一个包含，这样人们就无法移动我的 div 离开视图（正文）并关闭滚动。之后，我设置了一个句柄——这是你设置 div 的可拖动部分的地方（如果你想让整个 div 都可以拖动，只需删除句柄选项）——我将 #header 设置为我的handle（顶部菜单栏）- 这样人们就可以在可拖动的 div 内部单击而不会意外移动它。如果你想让它为你工作，你只需要 jQuery 和 jQueryUI.

这很有魅力，我很高兴！

uibModal 完全禁用背景并允许点击背景

uibModal disable backdrop completely and allow background clicking

angularjs

angular-ui-bootstrap

bootstrap-modal