简体   繁体   English

Ajax成功后的模态重新加载

[英]Modal reload after ajax success

Can someone help me with this code? 有人可以帮我这个代码吗? I'm trying to reload a modal to use in another database query I have success and i want to reload the modal to use in anothe record 我正在尝试重新加载要在另一个数据库查询中使用的模式,但是我想重新加载要在另一个记录中使用的模式

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');*/
  });
}

But this code doesn't work and the button get the forbidden signal and i can't use it...any help? 但是此代码不起作用,并且按钮收到禁止信号,我无法使用它...任何帮助吗?

Thanks 谢谢

UPDATE Html modal 更新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>

对于使用formvalidation有相同问题的用户,请执行以下操作:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM