Bootstrap Bootbox не удаление всплывающих окон после нажатия кнопки сохранить

Question

HTML

<a href="#modal-2" role="button" class="btn" data-toggle="modal">Modal with animation</a> 

<div id="modal-2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h3 id="myModalLabel">Modal header</h3> 
      </div> 
      <div class="modal-body"> 
       <p>One fine body…</p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
       <button class="btn btn-primary" id="book" >Save changes</button> 
      </div> 
     </div> 

я использовал floowing JS, но никакого результата

$('#book').click(function(e) { 
     $.ajax({ 
      url: base_url+"admin/login/", 
      type: "get", 
      data: {Name:name, Mobile:mobile}, 
      success: function(strData){ 
       //$('.modal, .modal-backdrop').hide(); 
       $("#modal-2").modal('hide'); 

      }, 
      error: function(){ 
       $('#report').text('Sorry, Please try again').css('color', 'red'); 
      } 
     }); 
    }); 

здесь я хочу, чтобы вызвать функцию AJAX в функции обратного вызова после того, как нажав кнопку сохранения. то после того, как на Ajax успеха я хочу, чтобы закрыть bootbox всплывающее окно

Answer 1

Если вы должны были использовать BootBox, вы могли бы сделать что-то вроде этого:

bootbox.dialog({ 
     message: "Your Message Here - You can pass in an HTML string", 
     title: "Your Title", 
     onEscape: function() { 
      bootbox.hideAll(); 
     }, 
     buttons: { 
      danger: { 
       label: "Cancel", 
       className: "btn default", 
       callback: function() { 
        bootbox.hideAll(); 
       } 
      }, 
      success: { 
       label: "Add", 
       className: "btn blue", 
       callback: function() { 

     //Add functionality here 

     // Then close the model using 
     bootbox.hideAll(); 

       } 
      } 
     } 
    }); 

Answer 2

внутри определения АЯКС вы должны использовать параметр

async : false 

Возможно, вам придется использовать пользовательские кнопки внутри тела модального окна, а не из бокса.