Bootstrap modal wont close on submit

Question

Я добавил Bootstrap на мою страницу. Вот код модальной DIV:

<div class="modal fade" id="myModal<?php echo $kategori['C_ID'];?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel<?php echo $kategori['C_ID'];?>"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel<?php echo $kategori['C_ID'];?>">Perditeso</h4> 
     </div> 
     <div class="modal-body"> 
     <div class="form-group"> 
      <label for="id">ID</label> 
      <input type="text" class="form-control" id="id<?php echo $kategori['C_ID'];?>" value="<?php echo $kategori['C_ID'];?>"> 
     </div> 
     <div class="form-group"> 
      <label for="newname">Kategoria</label> 
      <input type="text" class="form-control" id="newname<?php echo $kategori['C_ID'];?>" value="<?php echo $kategori['C_Name'];?>"> 
     </div> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Mbyll</button> 
     <button type="button" onclick="catupdate('<?php echo $kategori['C_ID'];?>')" class="btn btn-primary">Ruaj ndryshimet</button> 
     </div> 
    </div> 
    </div> 
</div> 

и функция catupdate:

function catupdate(id){ 
    var dataString="fshij=" + id; 
    $.ajax({ 
    type:"post", 
    url:"../functions/query.php", 
    data:dataString, 
    cache:false, 
    success: function(html){ 
     $('#del').html(html); 
    } 
    }); 
    return false; 
} 

Функция работает корректно и завершает действие, но это не близко Modal автоматически. В этом случае я пытаюсь редактировать данные. Коды PHP в порядке.

Answer 1

Вы должны закрыть модальный программно после клика с помощью:

$('[id^="myModal"]').modal('hide'); 
//OR 
$('.modal').modal('hide'); 

Внутри success функции или в начале вашей функции catupdate к, например:

success: function(html){ 
    $('.modal').modal('hide'); 
    $('#del').html(html); 
} 

Надеется, что это помогает.

Answer 2

Используйте следующий синтаксис, чтобы скрыть модальность:

$('#modalID').modal('hide'); 

Таким образом, в вашем коде:

function catupdate(id){ 
var dataString="fshij=" + id; 
    $.ajax({ 
    type:"post", 
    url:"../functions/query.php", 
    data:dataString, 
    cache:false, 
    success: function(html){ 
     $('#del').html(html); 
     $('.modal:visible').modal('hide'); 
    } 
    }); 
return false; 
}