Javascript jQuery Fancybox-关闭ESC按钮不工作

伙计们，我对jQueryFancyBox只有一个特定页面的问题。按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" />

内容
$（文档）.ready（函数（）{
$（“a.modalpopup”）.fancybox({
“标题位置”：“内部”，
“transitionIn”：“无”，
“transitionOut”：“无”
});
});

---

在jQuery版本中，使用了1.11.0。这只发生在一个特定的页面上。在所有其他页面中，按ESC键时弹出窗口关闭。知道可能的原因是什么吗？

旧版本的Fancybox与最新版本的jquery不兼容。解决方案是升级到Fancybox 2.1.5，并更新一小段代码：

将

$（“a.modalpopup”）.fancybox（{

更改为

$（“#modalpopup”）.fancybox（{

）

这是一把小提琴：

编辑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>

---

修改后，编辑的开始文章中的代码应该可以正常工作。

我忘了将类添加到标记中。现在编辑我的问题。当你说更新时，这两个文件（js和CSS）需要更新，对吗？@SagarRaj检查编辑，之后应该可以正常工作。不。当我包括这个2.1.5时，流行音乐本身不会出现。奇怪，它对我有效。对不起，但我认为我没有技能进一步帮助你。检查这个