Bootstrap open modal阻止侧栏中输入字段中的文本

时间:2018-04-21 14:11:05

标签: javascript jquery html css twitter-bootstrap-3

我有一个设置,我有一个打开的bootstrap模式,它的z-index为1040.

然后我有一个打开的侧栏,它的z-index为9999.

您可以在我提供的图片中看到它们:

enter image description here

如果我在模态打开时打开侧栏,我无法输入侧栏中的任何输入栏,但我可以点击链接。

我甚至将它设置在隐藏模态背景的地方,但这并没有解决问题。我知道它是模态的东西,因为当我关闭模态时,我可以输入侧边栏输入字段。

当我检查输入字段时,该元素上没有设置任何z-index。

可能发生什么?谢谢。

这是我在侧边栏中的html代码:

<div class="m-b">
    <a href="" class="dbSideBarClose btn btn-primary btn-block" id="dbSideBarClose">
        Close Window
    </a>
</div>
<div>
    <input class="form-control" placeholder="I cannot type into this :(" value="">
</div>
<div>
    <a href="">I can click this link though...</a>
</div>

这是我的模态代码:

<div class="moda inmodal" id="modalProject" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-full">Modal content goes here...</div>
</div>

0 个答案:

没有答案