打開的fancybox同時的fancybox的另一個實例是開放

Question

當一個用戶點擊按鈕我表現出的fancybox，指出用戶應等到動作完成：

jQuery(document).ready(function() { 
      $.fancybox('Please Wait...',{'modal':true}); 
     }); 

現在我通過檢查請求的動作$。員額功能並返回結果消息（無論是動作成功完成或錯誤爲何操作失敗），現在我想結束了第一的fancybox，並顯示與響應新的fancybox我從阿賈克斯得到：

$.post('someurl.aspx',{'somethingtopost':'value'}, 
function(data){ 
jQuery(document).ready(function() { 
$.fancybox(data); 
     }); 
    } 
); 

問題是第二個fancybox不顯示。有很多關於在關閉第一個fancybox時顯示第二個fancybox的示例（添加到onClosed屬性），但在這一個中，我不想在關閉第一個後顯示第二個fanybox，我想在動作發生時顯示它完成。

Answer 1

您可以隨時觸發第二個Fancybox，無論有沒有一個已經打開（並且沒有先關閉它）。當動作完成時，嘗試發射第二個Fancybox。

第二個Fancybox窗口（一旦觸發）將替換第一個Fancybox窗口，而不需要任何進一步的關閉命令。

function openFancybox() { 
    setTimeout(function() {$('#delayed').trigger('click'); },10000); 
} 
$(document).ready(function() { 
    $('#pageLoad').fancybox({ 
     helpers: {overlay:{opacity: 0.3}} 
    }).click(); 
    openFancybox(); 
    $('#delayed').fancybox({ 
     helpers: {overlay:{opacity: 0.3}} 
    }); 
}); // ready 

我設置在頁加載開始的fancybox一個example page here，則它在10秒後觸發一個第二的fancybox。

第二個Fancybox在第二個被激發後自動關閉。

UPDATE

或者，也許你會喜歡this version

function openFancybox() { 
    setTimeout(function() {$('#delayed').trigger('click'); },10000); 
} 
$(document).ready(function() { 
    $('#goProcess').click(function(){ 
     $.fancybox({ 
      href: '#wait', 
      modal: true, 
      helpers: {overlay:{opacity: 0.3}}, 
      afterLoad: function() { 
       openFancybox(); 
      } 
     }); // fancybox 
    }); 
    $('#delayed').fancybox({ 
     helpers: {overlay:{opacity: 0.3}} 
    }); 
}); // ready 

上的按鈕，點擊打開的fancybox，然後觸發10秒 之後的第二次的fancybox（或完成後臺進程後， ）