javascript - Bootstrap Modal 禁用来自子 DIV 的文本字段

Question

我通过简单地创建一个 div、隐藏它然后在单击时显示它，在 Bootstrap 模式中创建了一个弹出窗口；我将 z-index 设置为 9999，这样它就会出现在所有模态框的顶部。当您单击按钮以显示 div 时，现在出现了问题，但是当它在模态中时，文本和文本区域字段被禁用，您无法输入任何内容。

来源可以在 this fiddle 上找到但出于某种原因，JavaScript 不适用于我制作的弹出窗口(有什么想法吗？)

您可以在 this webpage. 找到完整的工作演示

FIDDLE 中的非工作 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" 在模态上有关，一旦它被删除它就会开始工作。