JQuery диалог в ожидании запроса

Question

я хочу показать диалоговое окно, пока я жду запроса ... запрос открывает новый сайт (то же окно) ... теперь моя проблема в том, что он только открывает мне диалоговое окно, но не вызывает запрос!

Я использую Jquery ui 1.8.7. Вот мой фрагмент кода

В HTML-заголовок:

<script>
    // increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function() {
        $( "#dialog_1" ).dialog({
            autoOpen: false,
                        modal: true,
                        draggable: false,
                        resizable: false,
                        width: 600
        });

        $( "#opener_1" ).click(function() {
            $( "#dialog_1" ).dialog( "open" );
            return false;
        });
    });
</script>

А вот и мой HTML-код

<div class="register_button"><button id="opener_1" type="submit">Send</button></div>
<!-- the submit button does trigger de request to!-->
<div id="dialog_1" title="register">
Please Wait!
</div>

Answer 1

возврат false при клике отменит операцию по умолчанию.

если вы хотите, чтобы диалоговое окно отображалось до тех пор, пока не загрузится новая страница, вы не получите этот результат, если только вы не используете ajax для отправки формы.

Answer 2

Что вы можете сделать, это добавить перенаправление к самой инициализации диалога jquery, добавив его в событие open:

$( "#dialog_1" ).dialog({
            autoOpen: false,
                        modal: true,
                        draggable: false,
                        resizable: false,
                        width: 600,
                        open: function(event, ui) { 
                                 window.location.href = "nameofpage.html"; }
});

Таким образом вы сохраняете функциональность вместе и гарантируете, что перенаправление происходит при всплывающем диалоговом окне.