Question

我正在使用一个模型，我在之前的网站上使用它工作正常。区别在于这种模式只会出现在IE9中，只能将用户引导到更好的浏览器。我能够通过一个警报进行测试并且工作正常。

但是，出于某种原因，当我将之前网站的代码转移到这个新网站时，Modal没有响应，并且网站上没有显示一个点。

当我尝试关闭＆＃34;关闭＆＃34;按钮，它只会刷新页面。我不确定为什么以及当我关闭＆＃34; X＆＃34;按钮，它也不起作用。

代码插入coldfusion文件中，我不确定是否会导致冲突。

任何帮助都将不胜感激。

这是我为模态所做的。 ie-仅检测它是否是IE9：

<!---<div class="ie-only" style="overflow-y:hidden;">
        <div class="modal fade in" id="myModal" aria-hidden="false" style="display:block; padding-right:17px;">
            <div class="modal-dialog modal-md custom-height-modal">
                <div class="modal-content">
                    <div class="modal-header" style="background-color:##428bca">
                        <button type="button" class="close" data-miss="modal">x</button>
                        <h3 class="modal-header" style="background-color:##428bca; text-align:center">Attention</h3>                        
                    </div><!---Modal-Header Div--->
                    <div class="modal-body">
                        <p style="text-align:center">You are using an outdated browser.<br /> <br /> <a href="http://browsehappy.com/">Upgrade your browser today</a> to better experience this site.</p>
                    </div><!---Modal-Body Div--->
                    <div class="modal-footer">
                        <p class="text-center"><a class="btn btn-default" data-dismiss="modal">Close</a></p>
                    </div><!---Modal-Footer Div--->
                </div><!---Modal-Content Div--->
            </div><!---Custom Height Div--->
        </div><!---Modal Fade in Div--->
    </div><!---Start of Modal Div--->               
    <!--End of Modal container--> --->
     <!---<script>
            $(function(){
                $('##myModal').modal('show');
            }
          </script>  
                <div class="modal-backdrop fade in"></div>--->

Answer 1

您的代码中似乎存在语法问题：

master

这是不正确的;它应该是：

$(function(){
  $('##myModal').modal('show');
}

更正时，模态会加载为模态，从而导致“关闭”按钮按预期运行。如果没有这个，模态仍然会加载（因为你已经激活了$(function(){ $('#myModal').modal('show'); });）但加载了没有叠加层并且没有Bootstrap的模态JS的钩子，这解释了为什么你的关闭按钮不起作用。

您可以在此处查看功能示例：http://www.bootply.com/24IPYP8O3F

为什么您的代码无效

模态in上的in类指示Bootstrap使该模态可见，并根据Bootstrap CSS定位它。你的jQuery是错误的，所以Bootstrap将此视为一些HTML，它只是文档的一部分。

一旦你纠正你的jQuery Bootstrap按预期处理它;作为Modal Javascript组件。一旦发生这种情况，它将显示覆盖图（默认情况下）并正确处理div属性。

缺点是你的模态不像Modal的原因的全部问题是你的jQuery是错误的。

Bootstrap Modal没有响应

1 个答案: