Question

为什么这不起作用，因为Bootstrap或ajax中存在问题？

这是我的模态更新：

<div class="container">
                  <!-- Modal update -->
                  <div class="modal fade" id="myModals<?php echo $row->id ;?>" role="dialog">
                    <div class="modal-dialog">

                      <!-- Modal content-->
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                          <h4 class="modal-title">Edit Data</h4>
                        </div>

                        <div class="modal-body">
                          <form>
                            <div class="form-group">
                              <label for="user">Username:</label>
                              <input type="user" class="form-control" id="users<?php echo $row->id ;?>" value="<?php echo $row->username ;?>">
                            </div>
                            <div class="form-group">
                              <label for="password">Password:</label>
                              <input type="password" class="form-control" id="passwords<?php echo $row->id ;?>" value="<?php echo $row->password ;?>">
                            </div>
                            <button onclick='update("<?= $row->id ?>")' type="submit" class="btn btn-default">Update</button>
                          </form>
                        </div>

                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                      </div>

                    </div>
                  </div>

                </div>

这是我的阿贾克斯：

 function update(id){
var users = $("#users"+id).val();
var passwords = $("#passwords"+id).val();

$.ajax({
  dataType:'html',
  url:"update.php",
  type:"POST",
  data:"users="+users+"&passwords="+passwords+"&id="+id,
}).done(function(data){
  load();
  $('back-drop').remove();
});

}

当我提交更改时，为什么这不起作用，模态形式没有像这样完全关闭：

Answer 1

请使用 hide（）语法重新检查您的选择器。你已经忘记了前面的＃。

改变这个：

$('myModals'+id).modal('hide');

对此：

$('#myModals'+id).modal('hide');

要检查此类问题，您应该使用谷歌浏览器并按CTRL + Shift + J.可能的语法错误将显示在控制台中。

使用php ajax＆amp; jquery在CRUD中完成更新时，模态未关闭

1 个答案: