закрыть fancybox кликом по крестику
Есть лэндинг, на котором подключен
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script> в этом самом js/jquery.fancybox.pack.js есть код tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"> <div class="fancybox-skin"> <div class="fancybox-outer"> <div class="fancybox-inner"></div></div></div></div>', image:'<img class="fancybox-image" src="{href}" alt="" />', iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+ (I?' allowtransparency="true"':"")+"></iframe>", error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>', closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>', next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>', prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'}, однако при нажатии на крестик - окно не закрывается.. |
при этом при нажатии на области вокруг окна-оно закрывается..
|
Azazello77,
может у вас просто идёт открытие новой страницы по ссылке? |
хм, да нет.. сайт
|
Azazello77,
а вот эту ерунду можно убрать? closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>', |
во всех примерах именно так написано... да и если оставить так:
closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href=""></a>', все скрипты перестают работать вообще.. |
Azazello77,
может html для начала поправить на предмет лишних кавычек и тегов? Цитата:
|
Azazello77,
костыль :cray: это не самое хорошее решение, лучше найти и устранить причину $(function() { $("body").on("click", ".fancybox-close", function() { $.fancybox.close() }) }); |
Часовой пояс GMT +3, время: 17:15. |