提交后，在jquery中的hide(Hide)之后，hide show不起作用

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();
                    },
                });
        });

以及我的编辑按钮代码，用于调用带有用户信息的code。

<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();},

如果你在你的showUser();函数中使用了location.reload();，那么它是可以工作的，但就我所知，我认为你没有在showUser();中添加它，所以在showUser();函数之后，或者在showUser();函数中编写的代码末尾，也要添加location.reload();。

还有一件事，你是否编写了任何代码，通过点击编辑按钮，模式应该在javascript中打开？