Twitter bootstrap 3 Can';t使引导对话框无模式

Twitter bootstrap 3 Can';t使引导对话框无模式,twitter-bootstrap-3,dialog,modeless,Twitter Bootstrap 3,Dialog,Modeless,我正在尝试使用Bootstrap3.2.0创建一个对话框。除了那些我想成为无模式的以外,我让它们工作得很好。我已经将data background属性设置为false,并尝试了我在网上找到的一些建议,例如分离焦点事件: $(document).off("focusin.bs.modal"); 和/或从主体标记中删除模式打开类 完成这些操作后,您仍然可以在窗口中看到内容,但用户在Chrome和Firefox中根本无法与内容交互,而在某种程度上,他们可以在IE10中与内容交互 是否可以使用引导创建

我正在尝试使用Bootstrap3.2.0创建一个对话框。除了那些我想成为无模式的以外,我让它们工作得很好。我已经将
data background
属性设置为false,并尝试了我在网上找到的一些建议,例如分离焦点事件:

$(document).off("focusin.bs.modal");
和/或从
主体
标记中删除
模式打开

完成这些操作后,您仍然可以在窗口中看到内容,但用户在Chrome和Firefox中根本无法与内容交互,而在某种程度上,他们可以在IE10中与内容交互


是否可以使用引导创建真正的无模式对话框?

是的,可以完成。看

在model div上为无模式添加一个类:

<div class="modal fade modeless" ...
请注意,左边的
边距是它的中心位置。对于768px宽的屏幕,bs模式的默认尺寸为600px。您需要根据所使用的模式大小对其进行调整,如果需要,最好添加一些媒体查询来覆盖断点


HTH-Ted

你是说是的,这个例子正好说明了这个问题。在Chrome和Firefox中,一旦对话框打开,就不能再次单击该按钮。但是在IE 10中你可以。非常感谢。这工作做得很好!感谢您的帮助。它不是无模式的。如果您将输入放在启动按钮附近,并在弹出窗口可见时尝试将其聚焦,您将无法执行此操作。它位于50%背景之下。它不适用于对话框下方以及对话框右侧和底部的内容。如果对话框是可拖动的,则可以将其拖动到左上角内容的下方
.modeless{
    top:10%;
    left:50%;
    bottom:auto;
    right:auto;
    margin-left:-300px;
}