如何把重点放在按钮上,当在 asp.net 中使用引导

发布时间: 2016/7/2 18:18:26
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我试着使用引导modal框在 asp.net 中,但我有一个问题。 这是我的modal框︰

<div class="modal fade" id="delete_project_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <asp:UpdatePanel ID="upDelete" runat="server">
        <ContentTemplate>
            <asp:Panel ID="pnlProjectDelete" runat="server" DefaultButton="btnCancelDelete">
                <div class="smallBox clearfix modal-dialog" title="<%=Resources.Titles.DeleteProject %>">
                    <span class="smallBox_head_right"></span>
                    <h2 class="smallBox_head_left">
                        <asp:Label ID="Label1" runat="server" Text="<%$ Resources:Titles,DeleteProject %>" />
                    </h2>
                    <div class="smallBox_Content">
                        <div class="smallBox_Content2 clearfix">
                            <div class="form-group margin-bottom1 clearfix">
                                <div class="col-sm-12">
                                    <asp:Label ID="Label2" runat="server" Text="<%$ Resources:Messages,AreYouSureDelete %>" CssClass="error errorMassage" />
                                </div>
                                <div class="col-sm-12">
                                    <asp:Button ID="btnCancelDelete" data-dismiss="modal" runat="server" Text="<%$ Resources:Buttons,Cancel %>" CssClass="btn btn-default btn-left cancel-delete" OnClick="btnCancelDelete_Click" />
                                    <asp:Button ID="btnDelete" runat="server" Text="<%$ Resources:Buttons,Confirm %>" CssClass="btn btn-default btn-left" OnClick="btnDelete_Click" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

我想当这盒子打开我 asp 面板默认按钮的工作原理,当我按下输入键,但它不工作。 如何解决这个问题? 谢谢

解决方法 1:

它是比我想象的那么容易︰ 只需我添加此脚本和我的问题解决了 !

$(document).ready(function () {

        $('#delete_project_modal').on('shown.bs.modal', function (e) {

            $(this).find('.cancel-delete').focus();
        })
    });
官方微信
官方QQ群
31647020