Fancybox Закрыть Не работает

0

По какой-то причине я не могу заставить Fancybox закрыться с помощью кнопки закрытия, которую они поставили. Мне удалось закрыть его с помощью тега, но всплывающее окно появляется из ниоткуда, когда его щелкнули?

Вот ссылка на указанную страницу:

http://events.usefulsocialmedia.com/customerservice/brochure2-thank-you.php

Вот то, что я называю:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <link href="assets/css/jquery.fancybox.css?v=2.1.5" rel="stylesheet">
    <script src="assets/js/jquery.fancybox.pack.js?v=2.1.5"></script>

        <script type="text/javascript">
        $(document).ready(function($){
            $.fancybox.open([{
                content: $(".popup")
        }]); 
        });
        </script>

Закрытая кнопка, которую я добавил, находится на нижней части RHS (называемой close).

<a href="javascript:void(0);" onclick="$.fancybox.close();">Close</a>

Любая помощь приветствуется :)

ура

Теги:
fancybox

2 ответа

4
Лучший ответ

Чтобы закрыть fancybox, вы можете добавить атрибут класса к своей ссылке, как показано ниже:

<a href="#" class="closeLink">Close</a>

JS CODE:

$(document).ready(function(){  
    $('.closeLink').on('click', function(event){
        event.stopPropagation();
        $.fancybox.close();
    });
});
Поделиться
  • 0
    live не рекомендуется из 1.7+ Src использования on вместо
  • 0
    @ Хороший глаз спасибо, чувак, ты прав, я обновил свой ответ
Показать ещё 2 комментария
0

Просто попробуй вот так

<a href="javascript:$.fancybox.close();" >Close</a>

Надеюсь, это поможет вам.

Поделиться
  • 0
    вы получаете ошибку в вашем скрипте, пожалуйста, проверьте вашу консоль и попробуйте.
  • 0
    не закрывая <script> вы пытаетесь добавить еще один <script> здесь вот так. <script> <!--[if lt IE 9]> <script src="assets/js/libs/polyfills/DOMAssistantCompressed.js"></script>
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню