Bootstrap模式禁用子DIV中的文本字段

Question

我在bootstrap模式中创建了一个弹出窗口，只需创建一个div，隐藏它然后显示它onclick;我将z-index设置为9999，因此它将显示在所有模态的顶部。当您单击按钮显示div现在有问题但是当它在模式中时，text和textarea字段被禁用，您无法输入任何内容。

源代码可以在this fiddle找到，但由于某种原因，JavaScript对我制作的弹出窗口没有用（任何想法？）

您可以在this webpage.

找到完整的工作演示

非正式的JS工作

        function showBigProb() {
    if (document.getElementById("ShowProbBtn").onclick) {
    document.getElementById("BigNewProblem").style.display="block";

    }
}

    function closeBigProb() {
    if (document.getElementById("closeProbBtn").onclick) {
    document.getElementById("BigNewProblem").style.display="none";

    }
}

Answer 1

我不知道为什么但是它与tabindex="-1"在模态上有关，一旦删除就会开始工作。