0

Preciso redirecionar quando o modal bootstrap perder o focus.

No meu código o modal nem abre pois ele faz o redirecionamento saindo tela. Preciso de algo mais ou menos como o alert(). Assim que clicar no ok ou perder o focus carrego a pagina certa.

segue meu código.

jQuery.ajax({
        type: 'POST',
        mimeType: "multipart/form-data",
        url: 'model/acao/controller.php',
        dataType: 'json',
        data: formData,
        contentType: false,
        processData: false
    }).done(function (html) {
//        var res = JSON.parse(html);
        if (html.hasOwnProperty("erro")) {
            if (acao === 'Incluir') {
                modal("Erro ao salvar");
            }
            if (acao === 'Alterar') {
                modal("Erro ao alterar");
            }

        } else {
            if (html.success === "ok") {
                if (acao == 'Incluir') {
                    modal("Salvo com sucesso");
                }
                if (acao == 'Alterar') {
                    modal("Alterado com Sucesso");
                }
                //redirecionando a pagina
                location.href = "?index.php&pagina=" + getUrlVars()['pagina'] + "&acao=listar";

            } else {
                alert(html);
            }
        }

    }).fail(function (jqXHR, textStatus, errorThrown) {
        alert("Erro ao inserir. " + errorThrown);

    }).complete(function () {
        Self.working = false;
        $("#load").hide();
    });

Abrindo modal

function modal(msg) {
    $('.modal-body').html(msg);
    $('#myModal').modal('show');

}

html

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Informação</h4>
                </div>
                <div class="modal-body"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">OK</button>
                </div>
            </div>
        </div>
    </div>

1 Resposta 1

1

Acredito que isso possa te ajudar - https://stackoverflow.com/a/13201843/4219136

Reproduzindo:

Bootstrap 3

$('#myModal').on('hidden.bs.modal', function () {
    // do something…
})

http://getbootstrap.com/javascript/#modals -> Events

Bootstrap 2.3.2

$('#myModal').on('hidden', function () {
    // do something…
})

http://getbootstrap.com/2.3.2/javascript.html#modals -> Events

Assim sendo, basta, após a criação do modal, fazer o bind do evento de redirect

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .