Fancybox on closedイベントのFancyboxに新しいコンテンツを読み込む

Question

Fancyboxのウィンドウに問題があります。私は、私のページ（以下の ".popup"ファンシーボックス）に隠されたdivの内容を表示するためにfancyboxを使用します。このコンテンツには、#exempleという新しいfancyboxコンテンツへのリンクがあります。最初のfancyboxのリンクをクリックすると、2番目のfancyboxのコンテンツ（iframe - これは問題ありません）が読み込まれます。しかし、ユーザーが第2ファンシーボックスの閉じるボタンを押すと、最初のファンシーボックスに戻りたいと思います。

私は「onClosed」イベントにしようとしたが、それは動作しません...

はそれを行う方法はありますか？

ありがとうございました！ここで

は、私が使用するコードです：

$("#exemple").fancybox({ 
    'width'    : '100%', 
    'height'   : '100%', 
    'titleShow'   : true, 
    'titlePosition'  : 'over', 
    'titleFormat'  : formatTitle, 
    'autoScale'   : false, 
    'centerOnScroll' : true, 
    'type'    : 'iframe', 
    'onClosed'   : function() { 
      alert('test'); 
      $(".popup").trigger('click'); 
     } 
}); 

$(".popup").fancybox({ 
    'autoScale'   : false, 
    'centerOnScroll' : true 
}); 

// and here is the HTML code to trigger the hidden div: 
<a style="font-weight: bold;" href=#data class=popup>our data</a> 

//and the HTML code of the link inside the hidden div that gets displayed in the fancybox: 
<a id=exemple title="xxx" href=xxx.php?id=xxx>link</a> 

Answer 1

それはあなたがjsFiddleから仕事をしていた場合には役立ちますが、最初のsetTimeoutにonClosed機能コードをラップしようとするだろう。ゼロ時間で十分です。

'onClosed' : function() { 
    setTimeout(function(){ 
     $(".popup").trigger('click'); 
    }, 0); 
} 

Answer 2

私は同じことをしていて、onClosedは機能していませんでした。多くの研究の後、私はいくつかの種類のバージョン問題とonClosedが古いバージョンのファンシーボックスで動作していることを理解しました。他のアプローチは、私のために働いたが、onClosedの代わりにbeforeCloseを使って次のようにしている。

「beforeClose」：関数（）{アラート（「テスト」）}、

これは読者のいくつかのために有用であるかもしれません。

Answer 3

'onClosed'=> 'js:function() { alert("test") }', 

注：jsfiddleを作ることができるそれは私