Fancybox 3.5 Ajax не работает.Ajax-контент не может быть загружен ошибка

Question

Функция Ajax на Fancybox 3.5 не работает.Это вызывает ошибку «Запрашиваемый контент не может быть загружен».Само демо также не работает:

  <a data-fancybox data-type="ajax" data-src="https://codepen.io/fancyapps/pen/oBgoqB.html" href="javascript:;" class="btn btn-primary">Open demo</a>

Из этого пера # 1

и

  <a data-fancybox data-type="ajax" data-src="https://codepen.io/fancyapps/pen/wgavbY.html" data-filter="#two" href="javascript:;">#1 Using "data-filter" attribute</a>

Из этогоручка № 2

Ошибка средства разработки Chrome:

VM17: 1 GET https://codepen.io/fancyapps/pen/wgavbY.html?fancybox=true 503 (анонимно) @ VM17: 1 send @ jquery.min.js: 2 ajax @ jquery.min.js: 2 loadSlide @ jquery.fancybox.min.js: 11 jumpTo @ jquery.fancybox.min.js: 11 init @ jquery.fancybox.min.js: 11 b @ jquery.fancybox.min.js: 11 open @ jquery.fancybox.min.js: 12 i @ jquery.fancybox.min.js: 11 dispatch @ jquery.min.js: 2 y.handle @ jquery.min.js: 2 jvgRRe:1 Доступ к XMLHttpRequest в «https://codepen.io/fancyapps/pen/wgavbY.html?fancybox=true' из источника» https://s.codepen.io' был заблокирован политикой CORS: в запрошенном ресурсе нет заголовка «Access-Control-Allow-Origin».

Answer 1

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

Типичные сценарии, когда ajax не работает:

1) Вы тестируете локальный файл, открывая его прямо в браузере.Из-за политик безопасности браузера ваш файл должен обслуживаться через веб-сервер;

2) Ваша ссылка неверна;

3) Ваш запрос ajax заблокирован из-за same-origin policy, см. https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

В любом случае, проверьте вывод консоли (нажмите F12, чтобы открыть инструменты разработчика), должен быть совет о том, что вызывает вашу проблему.