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

Bootstrap Modal disabling text fields from child DIV

本文关键字：文本 字段 DIV 模式 Bootstrap      更新时间：2023-09-26

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

源代码可以在这个小提琴上找到，但由于某种原因，JavaScript不适用于我制作的弹出窗口（有什么想法吗？）

你可以在这个网页上找到一个完整的工作演示。

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";
    }
}

我不知道为什么，但这与tabindex="-1"处于模态有关，一旦移除，它就开始工作。

相关文章：