закрыть 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()
    })
});