Fancybox iframe пуст - PullRequest
Новая
       6

Fancybox iframe пуст

0 голосов
/ 21 февраля 2012

, поэтому я скачал zip-файл fancybox и добавил его на свой сайт.когда я иду в зону демонстрации, все работает нормально, за исключением iframe.Я не редактировал код в любом случае.он отлично работает на их сайте, поэтому я не уверен, почему на моем сайте все будет иначе.Я искал через этот сайт и другие и ничего не нашел.опять же, я не редактировал код, просто распаковал его и отправил на свой сервер.есть идеи? Смотреть здесь

Ответы [ 3 ]

4 голосов
/ 21 февраля 2012

Это не проблема fancybox.

Демонстрационный файл, включенный в загрузку fancybox, предназначен для сайта jQuery для образца iframe .... но сегодня большинство сайтов мэров, таких как google , yahoo , и другие и т. Д. (А теперь и jQuery тоже) не позволяют содержать себя внутри фреймов.Я полагаю, что демонстрационный файл устарел.

Если вы можете поместить любой веб-сайт в обычный html iframe (например, свой собственный или любой другой, созданный вами), то вы можете открыть его с помощью fancybox.тоже. Проверьте это демо и убедитесь сами ... обратите внимание, что iframes являются "пустыми".

Вы также можете проверить эту ветку для справки.

2 голосов
/ 21 февраля 2012

При отладке необходимо использовать журнал ошибок / консоль браузера.

Я получаю

Отказ от отображения документа, так как отображение запрещено X-Frame-Options.

при нажатии на ссылку Iframe .

jquery.com явно реализует заголовок ответа X-Frame-Options , чтобы предотвратить загрузку их сайтав iFrame.

Обновление

Вот выдержка из заголовков, возвращенных с jquery.com 

$ telnet jquery.com 80
Trying 70.32.73.125...
Connected to jquery.com.
Escape character is '^]'.
GET / HTTP/1.1
Host: jquery.com

HTTP/1.1 200 OK
X-Frame-Options: SAMEORIGIN
0 голосов
/ 21 февраля 2012

Очень просто, у Iframe нет действительного источника.

Iframe имеет атрибут src (source), который является адресом сайта, который вы хотите отобразить во встроенном фрейме; ваша в этой демонстрации ссылается на http://jquery.com Я не знаю, как работает Fancy Box, но, полагаю, это не то, что вы хотели! 

<iframe class="fancybox-iframe" name="fancybox-frame1329790605687" frameborder="0" hspace="0" scrolling="auto" src="http://jquery.com"></iframe>

Атрибут src на основном демонстрационном сайте fancybox ссылается на локальную страницу: 

<iframe class="fancybox-iframe" name="fancybox-frame1329790726739" frameborder="0" hspace="0" scrolling="auto" src="/demo/iframe.html"></iframe>

Что вы можете увидеть здесь за пределами iframe:

http://fancyapps.com/demo/iframe.html

...