1

asp.net でブートストラップ モーダル ボックスを使用しようとしましたが、問題が発生しました。これは私のモーダルボックスです:

<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>

このボックスを開いたときに、Enter キーを押したときに ASP パネルのデフォルト ボタンが機能するようにしたいのですが、機能しません。どうすればこの問題を解決できますか? ありがとうございました

4

1 に答える 1

1

思ったよりも簡単です。このスクリプトを追加するだけで、問題は解決しました!

$(document).ready(function () {

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

            $(this).find('.cancel-delete').focus();
        })
    });
于 2014-03-09T07:35:24.523 に答える