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

Question

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

Как начать загрузку/действительно загрузки страницы (HTML или PHP) внутри/диалогового окна JQuery модальное, после того, ссылку или щелчке по кнопке?

См., В настоящее время я blieve, что все объекты .load() url должны находиться внутри страницы, а загрузка на самом деле просто открывает их, фактически не запускает выборку данных. я прав?

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

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

Большое спасибо за вашу мудрость и помощь. Ive застрял achieveing ​​это на века Приветствия из Голландии, Сэмми

Answer 1

я предлагаю что-то «бой принципов AJAX читать, но позвольте мне попытаться ответить на ваши вопросы, даже если вы уже сделали это.

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

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

Answer 2

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>