jQuery Fancybox - Закрыть на кнопке ESC не работает

Question

Ребята у меня проблема с jQuery Fancybox только на одной конкретной странице. При нажатии ESC всплывающее окно не закрывается. Это происходит только на одной странице. Остальные страницы, на которых он был использован, отлично работают. Он был использован как этот везде

<a href="#newpopupcontainer" id="modalpopup" class="modalpopup">Link Name</a> 

<div style="display:none;"> 
    <div id="newpopupcontainer" class="newpopupcontainer"> 
     Content       
    </div> 
</div> 

<script> 
$(document).ready(function() { 
    $("a.modalpopup").fancybox({ 
     'titlePosition': 'inside', 
     'transitionIn': 'none', 
     'transitionOut': 'none'    
    }); 
}); 
</script> 

<script type="text/javascript" src="~/Scripts/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="~/Content/css/jquery.fancybox-1.3.4.css" media="screen" /> 

Coming версии JQuery, 1.11.0 используется. Это происходит только на одной странице. Во всех других страницах всплывающее окно закрывается при нажатии ESC. Любая идея, какова может быть возможная причина?

Answer 1

Старые версии Fancybox несовместимы с новейшими версиями jquery. Решением является обновление до Fancybox 2.1.5 и обновление небольшого фрагмента кода:

Изменить $("a.modalpopup").fancybox({ на $("#modalpopup").fancybox({.

Вот рабочая скрипку: https://jsfiddle.net/vojyzcdb/

Edit 1:

Чтобы включить новую версию FancyBox, вы будете нуждаться в jquery.fancybox.min.css и jquery.fancybox.pack.js. Эти два файла могут быть включены следующим образом:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script> 

Код в вашем редактируемом стартовом столбе должен отлично работать после этого изменения.