Javascript 多个FancyBox即使在调用close方法后也未关闭

我在一个页面上使用多个jquery FancyBox实例。应召

jquery.fancybox.close（）

它根本没有关闭它

生成FancyBox的脚本如下所示：

<script>
                    $("#firstTimeIntro").fancybox(
                        {
                        maxWidth    : "30%",
                        maxHeight   : "50%",
                        fitToView   : false,
                        width       : '70%',
                        height      : '70%',
                        autoSize    : false,
                        closeClick  : false,
                        openEffect  : 'none',
                        closeEffect : 'none'
                        }
                    ).trigger('click');
                     $.fancybox.update();
                </script>

为了在真实环境中进行测试，请访问

---

在页面加载时，它将显示一个弹出窗口，要求您登录。当您单击“现在不”链接时，它应该关闭弹出窗口，但它不是。

不知怎的，我解决了这个问题。处理多个fancybox的最佳方法是声明一个类，例如

fancybox

到将加载弹出窗口并触发单击的链接。代码如下：

<script>
                    $("#firstTimeIntro").fancybox(
                        {
                        maxWidth    : "30%",
                        maxHeight   : "50%",
                        fitToView   : false,
                        width       : '70%',
                        height      : '70%',
                        autoSize    : false,
                        closeClick  : false,
                        openEffect  : 'none',
                        closeEffect : 'none'
                        }
                    ).trigger('click');
                     $.fancybox.update();
                </script>

HTML

  <div style="display:none;"  id="firstTimeIntro">
            Loading First Time Intro
            <a id="closeme" href="#">Close Me</a>
        </div>
        <a class="fancybox" href="#firstTimeIntro" id="hiddenIntroBox" style="display: block">Hidden</a>
        <div style="display:none;"  id="firstTimeIntro1">
            Loading First Time Intro 2nd time
            <a id="closeme1" href="#">Close Me</a>
        </div>
        <a class="fancybox" href="#firstTimeIntro1" id="hiddenIntroBox1" style="display: block">Hidden</a>

---

不要要求人们登录你的网站，而是发布你的完整代码，包括所涉及的html。代码已更新。现在请看

$(document).ready(function()
{
    $('.fancybox').fancybox({
                maxWidth    : "70%",
        maxHeight   : "70%",
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
    $.fancybox.update();
    //$("#hiddenIntroBox").trigger('click');
    $("#hiddenIntroBox1").trigger('click');
    $("#closeme").click(function(e) 
    {
      //$.cookie('navafiz_notrightnow', '1', { expires: 30, path: '/' });
       $.fancybox.close();
    });
    $("#closeme1").click(function(e) 
    {
      //$.cookie('navafiz_notrightnow', '1', { expires: 30, path: '/' });
       $.fancybox.close();
    });
}
);