Schließen offenbaren modalen Dialog nach dem Klicken mit ajax senden

Question

Ich habe ein Problem mit Reveal Modal von Zurb-Stiftung.

Der modale Dialog verschwindet nicht, nachdem ich auf den Submit-Button geklickt habe.

so bleibt es nach dem Klicken auf die Submit geöffnet, und es gibt keine Möglichkeit, es zu schließen, es sei denn, wenn ich die Seite aktualisieren.

Dies ist der offenbaren modal

<div class="insert_post" data-open="add_post"> 
    <i class="fa fa-plus" ></i> 
</div> 

<div class="small reveal" id="add_post" data-reveal-id="myModal" data-reveal > 
<?php 
    $output .=' 


     <div class="row"> 
      <div class="medium-6 columns"> 
       <label>First name 
        <input type="text" id="first_name" contenteditable> 
       </label> 
      </div> 
      <div class="medium-6 columns"> 
       <label>Last name 
        <input type="text" id="last_name" contenteditable> 
       </label> 
      </div> 
       <button type="button" name="btn_add" id="btn_add" class="button btn btn-xs btn-success" >Submit</button> 
     </div> 






    '; 
    echo $output; ?> 
    <button class="close-button" data-close aria-label="Close modal" type="button"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
</div> 

Jquery/Ajax-Code in die Datenbank einzufügen.

$(document).ready(function(){ 
    function fetch_data() 
    { 
     $.ajax({ 
      url: "includes/home.php", 
      method:"POST", 
      success:function(data){ 
       $('#container').html(data); 
      } 
     }); 
    } 
    fetch_data(); 
    $(document).on('click', '#btn_add', function(){ 
     var first_name = $('#first_name').val(); 
     var last_name = $('#last_name').val(); 

     $.ajax({ 
      //url:"includes/widgets/insert.php", 
      method:"POST", 
      data:{first_name:first_name, last_name:last_name}, 
      dataType:"text", 
      success:function(data) 
      { 
       //alert(data); 
       fetch_data(); 
      } 
     }) 

    }); 

}); 
</script> 

Bild des Problems http://s32.postimg.org/yqbuz1rvp/wewewewe.png. nachdem ich das Formular abgeschickt habe!

Answer 1

Sie können das Modal durch JavaScript im Erfolgsrückruf schließen.

$("#add_post").foundation('close');