【问题标题】:Modal reload after ajax successajax成功后模态重新加载
【发布时间】:2016-10-12 15:55:04
【问题描述】:

有人可以帮我处理这段代码吗? 我正在尝试重新加载模式以在另一个数据库查询中使用 我成功了,我想重新加载模态以在另一个记录中使用

if(result === 'success'){
  $("#editarModalOcup").modal('hide');
  $('#success .modal-body').html('Informação: ' + data.message);
  $('#success').modal('show');
  $('#success').on('hidden.bs.modal', function () {
    /*$('#editarModalOcup').on('hidden.bs.modal', function() {
        $(this).removeData('bs.modal');
     });
     $("#editarModalOcup").modal('show');*/
  });
}

但此代码不起作用,并且按钮收到禁止信号,我无法使用它...有什么帮助吗?

谢谢

更新 html模态

<div class="modal fade" id="editarModalOcup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header modal-header-success">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3><i class="fa fa-pencil-square-o"></i> Editar Ocupação de Sala</h3>
        </div>
        <div class="modal-body">
            <!-- The form is placed inside the body of modal -->
            <form id="editarOcupacao" method="post">
                <div class="form-group">
                    <input type="hidden" name="edit_ocupacao" id="edit_ocupacao">
                </div>
                <div class="form-group">
                    <input type="hidden" name="edit_dia" id="edit_dia">
                </div>
                <div class="form-group">
                    <input type="hidden" name="edit_tempo" id="edit_tempo">
                </div>
                <div class="form-group">
                    <label for="recipient-name" class="control-label">Sala:</label>
                    <input class="form-control" name="edit_sala_nome" id="edit_sala_nome" disabled="true">
                </div>
                <div class="form-group">
                    <div class="input-group margin-bottom-sm">
                        <span class="input-group-addon"><i class="fa fa-list fa-fw"></i></span>
                        <select name="id_turma" class="form-control">
                            <?php echo $optionTurma ?>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <input type="hidden" name="editarOcup" id="editarOcup" value="editarOcup">
                </div>
                <div class="modal-footer"
                <div class="form-group">
                    <button type="submit" class="btn btn-success">Atualizar</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                </div>
        </div>
        </form>
    </div>
</div>

【问题讨论】:

  • 您还需要提供一些 HTML 标记
  • 请检查更新

标签: javascript ajax twitter-bootstrap


【解决方案1】:

对于有同样问题的人 使用表单验证:

 $('#modal').show().formValidation('resetForm');

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-12-14
    • 2016-12-17
    • 2018-05-09
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    • 2020-06-27
    • 1970-01-01
    相关资源
    最近更新 更多