Как действительно ЗАГРУЗИТЬ страницу (в модальном / диалоговом окне jQuery) ПОСЛЕ нажатия кнопки? - PullRequest
Новая
       15

Как действительно ЗАГРУЗИТЬ страницу (в модальном / диалоговом окне jQuery) ПОСЛЕ нажатия кнопки?

0 голосов
/ 06 августа 2010

Вопрос, который не появлялся здесь раньше:

Как начать загрузку / истинную загрузку страницы (html или php) внутри модального / диалогового окна jQuery, ПОСЛЕ нажатия кнопки или кнопки?

Видите ли, в настоящее время я полагаю, что все объекты URL .load () ДОЛЖНЫ быть внутри страницы, а загрузка на самом деле просто открывает их, на самом деле не начинается загрузка данных.я прав?

Я подумал, что, возможно, я смогу добиться этого, если я поместлю iframe в модальное окно, таким образом, возможно, только содержимое iframe будет загружено при открытии диалога.опять же, я почти уверен, что сервер читает документ с помощью iframe src = "page.php" и просто загружает их, пока не показывая его ...

Но я хочу, чтобы контент НЕ загружался,и только после щелчка он начинает получать файлы и изображения с сервера.Другими словами: я хочу старомодное окно для щенков, но внутри классного модального / диалогового окна jQuery / UI.

Большое спасибо за вашу мудрость и помощь.Я застрял, достигнув этого целую вечность. Приветствия из Голландии, Сэмми

Ответы [ 2 ]

0 голосов
/ 27 января 2011

Blockquote Открыть как диалог 

<script type="text/javascript">
$(function (){
    $('a.ajax').click(function() {
        var url = this.href;
        var dialog = $('<div style="display:hidden"></div>').appendTo('body');
        // load remote content
        dialog.load(
            url, 
            {},
            function (responseText, textStatus, XMLHttpRequest) {
                dialog.dialog();
            }
        );
        //prevent the browser to follow the link
        return false;
    });
});
</script>
0 голосов
/ 01 октября 2010

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

Любые вызовы jQuery.load (...) имеютчтобы сделать на существующий элемент на вашей странице, скажем, пустой элемент div.Затем функция load () асинхронно извлекает данные данного URL, запуская реальный HTTP-запрос GET в фоновом режиме, загружая все, что возвращается, и затем вставляя все полученные данные (обычно html-содержимое) в упомянутый элемент div.Это изменяет источник страницы, когда страница уже видна и обычно называется ajax.Если это действительно вставляемый HTML-контент и он содержит ссылки на изображения, браузер распознает его и выдаст еще один запрос GET для загрузки ресурсов изображений, как это будет сделано на обычной HTML-странице.

Для небольших рабочихпример см. здесь , если я правильно вас понял, это может быть именно тем, чего вы хотите достичь.

...