0

プロジェクトで Twitter ブートストラップを使用しています。データを BackEnd に保存するためのテキスト ボックスとボタンを使用して、モーダル ポップアップを表示したいと考えています。私はこれを構成済みのテンプレートとして使用しているので、すべてがかなりうまく機能します。問題は、ボタンを押すと、通常どおり、通常どおりにポストバックされ、モーダルが消えましたが、ページが更新されたことです....ユーザーエクスペリエンスの観点からこれは問題ありません。ページが更新されないモーダル フェードのボタンを押したいと思います。更新パネルに配置しようとしてボタンをトリガーすると、再び更新されました。これは私のコードです

<a data-toggle="modal" data-original-title="Help" data-placement="bottom" data-toggle="tooltip" class="btn btn-default btn-sm" href="#helpModal">
                <i class="icon-question-sign"></i>
            </a>

    <div id="helpModal" class="modal fade">
        <div class="modal-dialog">

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                </div> 
                <div class="modal-footer">

                    <asp:LinkButton runat="server"  ID="lnkSave" class="btn btn-default" 
                     OnClick="lnkSave_OnClick"  Text="Save"></asp:LinkButton>
                </div>
            </div>

            <!-- /.modal-content  data-dismiss="modal"  -->
        </div>
        <!-- /.modal-dialog -->
    </div>

ここには Java スクリプト コードはありません。

4

1 に答える 1