модальное шоу не работает после модального (скрыть) в jquery после отправки

Question

У меня есть таблица в модальном режиме с кнопкой редактирования для обновления сведений о пользователе

<div class="modal fade" id="editModal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">User Info</h4>
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <form>
                    <div class="modal-body edit-info" >

                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="roomupdate btn btn-warning">Save</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>

и мой код ajax

$(document).on('click', '.roomupdate', function(){
            ev.preventDefault();
            $id= $('#id').val();
            $building=$('#building').val();
            $floorno=$('#floorno').val();
            $roomno=$('#roomno').val();
            $priority=$('#priority1').val();
            $nobeds=$('#nobeds').val();
            $('#editModal').modal('hide');

                $.ajax({
                    type: "POST",
                    url: "addroomlist.php",
                    async: false,
                    data: {
                        building: $building,
                        id: $id,
                        floorno: $floorno,
                        roomno: $roomno,
                        priority: $priority,
                        nobeds: $nobeds,
                        roomupdate: 1,
                    },
                    success: function(){
                        showUser();
                    },
                });
        });

и мой код кнопки редактирования для вызова модального режима Информация о пользователе.

<td> <button data-id='<?php echo $row['id'] ?>' class='roomedit btn btn-warning'>Edit</button></td>    

когда я первый раз нажимаю кнопку «Сохранить» после изменения сведений, все работает нормально и модально закрывается с $('#editModal').Modal('hide');, когда я нажимаю кнопку «Редактировать» во второй раз. где это пошло не так, пожалуйста, помогите

Answer 1

В вашем ajax коде удалите $('#editModal').modal('hide'); из строки, которую вы сейчас используете, и установите для нее функцию успеха ajax. Например:

success: function(){
$('#editModal').modal('hide');
showUser();},

, и если вы используете location.reload(); в своей функции showUser();, то это будет работать, но насколько я знаю, я думаю, вы не добавили его в showUser();, поэтому добавьте также location.reload(); после функции showUser(); или в конце кода, записанного в функции showUser();.

И еще одна вещь, которую вы пишете, любой код, при нажатии на кнопку редактирования модал должен открыться в javascript?