parent.jQuery.fancybox.close（）; Fancyboxの中から一度だけFancyboxを閉じます

Question

私はFancyboxのコンテンツ内のリンクからFancyboxのインスタンスを閉じようとしています。私はthis questionで推奨されているようにparent.jQuery.fancybox.close();を使用しています。それは初めてではありませんが、その後は動作しません。誰でも修正案を提案できますか？

私はこれをページに自分のコンテンツのdivを隠しています：

#content { 
    display: none; 
} 

そして、ここではFancyboxを閉じるためのリンクが含まれているコンテンツのdiv、とFancyboxを起動するリンク、です。

<a href="#" id="launch">Launch</a> 

<div id="content"> 
    <p>Nunc porttitor pellentesque magna a pulvinar. Vestibulum id diam lectus. Praesent vel dictum est.</p> 

    <a href="#" id="close">Close</a> 
</div> 

これは私のJSです。私はFancyboxを開く際に、イベントハンドラをクローズリンクに追加しようとしましたが、それは助けになりませんでした。

$(document).ready(function(){ 
    $('#launch').fancybox({ 
     'width': 300, 
     'content': $('#content'), 
     'onClosed':function() { 
      $("#content").hide(); 
     }, 
     'onStart':function() { 
      $("#content").show(); 
      $('#close').on('click', function(){ 
       //console.log($(this).parent); 
       parent.jQuery.fancybox.close(); 
      }) 
     }, 
     'onCleanup':function() { 
      $("#content").unwrap(); 
     } 
    }); 
}) 

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

Answer 1

parent.jQuery.fancybox.close();は、fancyboxで開かれたiframeから呼び出される必要があります。あなたの場合はinlineのコンテンツを開いているので、接頭辞parentは必要ありません。また、インラインコンテンツに正しい構造を提供し、そこからclosing関数を呼び出す必要があります。

だからあなたのインラインコンテンツがあるため#contentが隠しdivの内側にすでにあるので、あなたはこのCSSに

#content { 
    display: none; 
} 

を必要としません上記の

<div style="display: none;"> 
<div id="content"> 
    <p>Nunc porttitor pellentesque magna a pulvinar. Vestibulum id diam lectus. Praesent vel dictum est.</p> 
    <a href="javascript:;" id="close">Close</a> 
</div> 
</div> 

のようになります。

$(document).ready(function(){ 
$('#close').on('click', function(){ 
    //console.log($(this).parent); 
    $.fancybox.close(); 
}); //on 
/* 
// you could also do 
$('#close').click(function(){ 
$.fancybox.close(); 
}); 
*/ 
$('#launch').click(function(){ 
    $.fancybox({ 
    'width': 300, 
    'href': '#content', 
    'onCleanup':function() { 
    $("#content").unwrap(); 
    } 
    });//fancybox 
}); // click 
}); //ready 

これはFancyboxのv1.3.x用で、バージョンはあなたに思える：

は、あなたのクロージング機能は...また、以下fancyboxスクリプトの変更に気づくfancyboxスクリプトから分離することができ、使用している。また、 .on()メソッドを動作させる場合は、jQuery v1.7.xを使用する必要があります。

Answer 2

try{ 
     parent.jQuery.fancybox.close(); 
    }catch(err){ 
     parent.$('#fancybox-overlay').hide(); 
     parent.$('#fancybox-wrap').hide(); 
    } 

!!!オンサポートされていません!!!