Ссылка внутри всплывающего окна Fancybox

Question

Я запускаю всплывающее окно Fancybox автоматически при загрузке страницы.

Внутри этого всплывающего окна есть содержимое HTML со ссылкой на другую страницу.

Эта ссылка не работает, когда он загружен с Fancybox.

Вот мой код:

<div class="popup">
  <div class="container">
    <h4>Description text...</h4>
    <a class="btn btn-green" href="/the_url_of_the_page">View more</a> //this link is not working
  </div>
</div>

  <script>
    $(document).ready(function() {
      $('.popup').fancybox({
        transitionEffect : "zoom-in-out",
      }).trigger('click');
    });
  </script>

Как мне установить эту ссылку на работу?

Я использую Fancybox v3.1.28

Answer 1

Во-первых, ссылки, кнопки и т. Д. c отлично работают в fancybox.

Проблема в вашем примере связана с тем, что вы использовали селектор .popup для инициализации fancybox, но это соответствует элементу, содержащему вашу ссылку. Таким образом, ваш код может быть переведен в «Запустите fancybox, когда пользователь нажимает на элемент, имеющий класс« .popup »». Но ваша ссылка находится внутри элемента с именем класса ".popup", поэтому она запускает fancybox.

Наконец, ваш код не имеет никакого смысла. Если вы хотите sh немедленно запустить fancybox, то используйте метод $.fancybox.open(), см. https://fancyapps.com/fancybox/3/docs/#api для образцов