1

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

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

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

我一生都无法弄清楚出了什么问题，我也无法在引导程序中找到任何与之相关的错误报告。

编辑：包括一些 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>
4

0 回答 0