Question

我有两个弹出窗口，其中一个显示信息，其中fancybox = second弹出窗口。当fancybox打开时，按esc键可关闭我的两个弹出窗口。现在我想在打开fancybox时按esc键，仅显示fancybox close而不是仅显示我的信息弹出窗口，然后第二次按esc键以关闭该弹出窗口。这是我的代码，用于关闭信息弹出窗口，另一个用于fancybox的代码是插件。

感谢我的帮助

$(document).on('keyup',function(evt) {
    if (evt.keyCode == 27) {
       $('.popup').fadeOut(350);
       $("body").css("overflow-y", "scroll");
    }
});

<div class="popup">
                <div class="popup_inner">
                   <div class="close"></div>
                   <div id="left">
                       <a href="images/<?php echo $project['foto']; ?>" class="fancybox" rel="gallery">
                           <img src="images/<?php echo $project['foto']; ?>" alt="">
                           <h2>Klik om meer te zien</h2>
                           <div id="overlay"></div>
                       </a>
                       <?php
                            $sql = "SELECT * FROM `foto's` WHERE projecten_id = ?";
                            $popups = DB::getResult($sql, $_GET['id']);
                            foreach($popups as $popup){
                        ?>
                       <div class="hidden">
                           <a class="fancybox" href="images/<?php echo $popup['foto']; ?>"></a>
                       </div><!-- HIDDEN -->
                       <?php
                            }
                        ?>
                   </div><!-- LEFT -->
                    <div id="right">
                        <h1><?php echo $project['titel']; ?></h1>
                        <p><?php echo $project['info']; ?></p>
                        <a class="link" href="<?php echo $project['link']; ?>" target="_blank">Bezoek website</a>
                    </div><!-- RIGHT -->
                </div><!-- POPUP_INNER -->
            </div><!-- POPUP -->

按两次ESC键以关闭弹出窗口

0 个答案: