Question

我正面临一些关于如何在网络上运行多个模态对话框的问题。当我在HTML代码中包含2个模态对话框时，无法加载网页。

基本上这是我的HTML代码

            <div class="form-group">
                <label>New User?
                    <a id="btn_signup_now" runat="server" data-toggle="modal" href="#mySignUp" data-backdrop="true">
                     Sign Up For Free Now
                        </a>
                </label>
            </div>


<div id="mySignUp" class="modal hide fade" role="dialog" tabindex="-1">
        <div class="modal-header">
            <asp:Button runat="server" class="close" data-dismiss="modal" aria-hidden="true" Text="*"/>
            <h4 class="modal-title" id="myModalSignUp">Candidate Sign Up</h4>
        </div>

Answer 1

您的代码应该更接近于此：

您缺少模式工作所需的许多元素，并且可能的元素也会破坏它。您需要target="#mySignUp"来调用modal并且您还错过了<div class="modal-content">和<div class="modal-header">（以及页脚<div class="modal-footer">，如果您感觉到的话，那就是＆＃39}我需要。当我测试它时，你的隐藏类会破坏它，但这可能与你正在做的事情有关。

<div class="form-group">
    <label>New User? <a id="btn_signup_now" runat="server" data-toggle="modal" target="#mySignUp" href="#mySignUp" data-backdrop="true"> Sign Up For Free Now</a></label>
</div>
<div id="mySignUp" class="modal fade" role="dialog" tabindex="-1">
    <div class="modal-content">
        <div class="modal-header">
            <div class="modal-body">
                 <h4 class="modal-title" id="myModalSignUp">Candidate Sign Up</h4>
            </div>
            <div class="modal-footer">
                <asp:Button runat="server" class="close" data-dismiss="modal" aria-hidden="true" Text="*" />
            </div>
        </div>
    </div>
</div>

多个模态对话框原因浏览器无法加载

1 个答案: