Как загрузить внешний контент в div с помощью jquery (подумайте о встроенном лайтбоксе)

Использование Thickbox - это здорово, оно позволяет мне загружать внешние сайты в толстый ящик, и они сохраняют свою функциональность, внешний вид и т. Д. Я знаю, как загружать простой контент в div с помощью jquery, но я застрял в том, как загружать внешний контент в div в страницу (желательно через событие onload), и этот div должен действовать как Thickbox и сохранять функциональность и внешний вид без всплывающего окна толстого ящика.

Все сайты находятся в разных дочерних каталогах, но имеют одного родителя.

Надеюсь, я достаточно хорошо это объяснил.

Я использую jquery 1.3.1.

Ответов (3)

Решение

Лично я бы просто выбрал iFrame, который, судя по вашему описанию, как я думаю, будет обеспечивать такую ​​же функциональность.

Thickbox - это (обычно) iframe ... iframe - в значительной степени ваше единственное решение для этого, если контент с иностранных веб-сайтов (сайтов, которые вы не контролируете).

Использование функции загрузки jQuery - это здорово.

Простой пример кода: $('#result').load('simple/test.html'); где #result находится div, в который вы загружаете внешний файл, а simple / test.html - это путь к странице html для загрузки.

Для получения дополнительной информации просто перейдите на http://api.jquery.com/load/ и следуйте инструкциям.