即使在調用close方法後，多個FancyBox也不會關閉

Question

我在單個頁面上使用多個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：

$("#notRightnow").click(function(e) 
    { 
     //$.cookie('navafiz_notrightnow', '1', { expires: 30, path: '/' }); 
     $.fancybox.close(); 
    }); 

爲了在真實環境中測試，請訪問here。

在頁面加載時，它會顯示一個彈出窗口，要求您登錄。當你點擊不是現在鏈接它應該關閉popUp，但它不是。

Answer 1

不知何故，我整理了一下。處理多個fancybox的最佳方式是聲明一個類，例如fancybox指向將加載彈出窗口並觸發點擊的鏈接。代碼如下：

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> 

的JavaScript

$(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(); 
    }); 
} 
);