Question

关闭模态和Twitter Bootstrap我遇到了很大的问题。我会尽力解释。

我有一个可以打开和关闭的模态，效果很好。除了当我关闭模态时，div似乎仍然存在（但它隐藏），悬停在导航栏上，这很痛苦，因为它位于导航栏上方，并且没有任何链接可以被点击。该错误似乎仅限于Safari和Chrome（在Firefox中不会发生）。

我附上了两张图片，以帮助进一步说明问题[first，second]。第一个是在我关闭模态后显示导航栏上存在的整个div，第二个显示问题似乎在于模态页脚。

我不能为我的生活弄清楚出了什么问题，而且我无法在bootstrap中找到任何与之相关的错误报告。

编辑：包含一些HTML

<div id="IMS_modal" class="modal hide fade" tabindex="-1">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3 id="IMS_modalHeader">
            Editing Data
        </h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal" id="IMS_editform">
            <div class="control-group" style="display:none;">
                <label class="control-label">ID</label>
                <div class="controls">
                    <input type="text" id="IMS_ID">
                </div>
            </div>
            <div class="control-group" id="IMS_servername_control">
                <label class="control-label">Server Name</label>
                <div class="controls">
                    <input type="text" id="IMS_servername"> &nbsp;<a href="#" rel="tooltip" id="IMS_servername_tooltip" title="Please provide a valid server name"></a>
                </div>
            </div>
            <div class="control-group" id="IMS_nodeid_control">
                <label class="control-label">Node ID</label>
                <div class="controls">
                    <input type="text" id="IMS_nodeid" maxlength="8"> &nbsp;<a href="#" rel="tooltip" id="IMS_nodeid_tooltip" title="Please provide a valid node ID"></a>
                </div>
            </div>
            <div class="control-group" id="IMS_ipaddress_control">
                <label class="control-label">IP Address</label>
                <div class="controls">
                    <input type="text" id="IMS_ipaddress"> &nbsp;<a href="#" rel="tooltip" class="validate" id="IMS_ipaddress_tooltip" title="Please provide a valid IP Address"></a>
                </div>
            </div>
                <div class="control-group" id="IMS_activeims_control">
                    <label class="control-label">Port</label>
                    <div class="controls">
                        <input type="text" maxlength="4" id="IMS_port"> &nbsp;<a href="#" rel="tooltip" id="IMS_port_tooltip" title="Please provide a valid active state"></a>
                    </div>
                </div>
                <br/>
            <div class="control-group" id="IMS_activeims_control">
                <label class="control-label">Active IMS</label>
                <div class="controls">
                    <input id="IMS_activeims" type="checkbox" name="vehicle" value="true"><br>
                </div>
            </div>
            <div class="control-group" id="IMS_activeims_control">
                <label class="control-label">Monitor Connections</label>
                <div class="controls">
                    <input id="IMS_monitor" type="checkbox" name="vehicle" value="true"><br>
                </div>
            </div>
        </form>
    </div>

    <div class="modal-footer">
        <button class="btn btn-success" onclick="saveIMSEdit()">Save changes &nbsp;</button> <button class="btn" data-dismiss="modal">Close</button>
    </div>
</div>

隐藏的模态div在关闭后仍然存在

0 个答案: