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

Question

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

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

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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