0

次のようにjquery ajaxリクエストを作成しています

編集

編集ボタンのクリック時

$('.mymodalbtn').click(function($this){
            var id = $this.data('id'); 
            $('[name="id"]').val(id);
        });
    });

モーダルウィンドウが編集可能なフィールドで開き、フォーム送信時に以下のように ajax 呼び出しを行っています

$('#mymodalForm').on('submit',function(e){
            e.preventDefault();
            var successFlag=false;

            $.ajax({
                url: "/student/"+selectedId ,
                data : {'id':selectedId},
                type: 'PUT',
                datatype: "json",
                success: function(data){
                    $.gritter.add({
                        title: "Student",
                        text: data,
                        time: '1000'
                    }),
                }
            });
        });

<!-- Nifty Modal HTML -->
    <div class="md-modal colored-header md-effect-9" id="mymodalWin">
        <div class="md-content">
            <div class="modal-header">
                <h3>Student</h3>
            </div>
            <form id="mymodalForm" method="post" action="">
            <div class="modal-body form">   
                <input type="text" value="2" name="id"/>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-flat md-close" data-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary btn-flat" id="edit-selected-transaction" data-dismiss="modal">Submit</button>
            </div>
            </form>
        </div>
    </div>
    <div class="md-overlay"></div>

成功した場合はモーダル ウィンドウを自動的に閉じようとしています。それ以外の場合はエラーを表示し、モーダル ウィンドウにとどまります。

私は .complete で試しましたが、運が悪いようです!.

.hide() も試しましたが、編集ボタンをクリックしてもモーダルウィンドウが表示されません。ブートストラップモーダルウィンドウを自動的に閉じる方法を誰かに教えてもらえますか?

4

2 に答える 2

0

成功のコールバックでモーダル ウィンドウを自動的に閉じたい場合は、次のようにします。

$.ajax({
 success:function(data){
   $('#mymodal').modal('hide');
   // Rest of your code.
  }
});
于 2015-12-29T23:26:45.713 に答える