閉じるjQueryのFancybox（手動）

Question

だから私はインターネット上で利用可能ですが、いくつかの理由で動作するようには思えないすべてのソリューションを使用してみました。

私が使用している（またはプロジェクトが、むしろ）fancybox-1.3.4、および閉じるアイコン以外は、リンクがポップアップを閉じるために使用する必要があります。インターネット上で利用可能

<a id="kpitilepoplink" href="#kpitilepop">Trigger pop-up</a> 

<div style="display:none;"> 
    <div id="kpitilepop" class="newpopupcontainer"> 
    Contents 
    <a href="#" id="popcloselink" class="blu-btn">Close</a> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() {          
     $("a#kpitilepoplink").fancybox({ 
     }); 
    });          
</script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#popcloselink').click(function(){          
     alert(); 
     $(this).fancybox.close(); 
     }); 
    }); 
</script> 

ソリューションが動作していない、と私は、ブラウザのコンソールでfancybox.close is not a functionエラーを取得しています

Answer 1

マニュアルは、次の方法があります

$.fancybox.close(); 

デフォルトのクリックイベントを防止することを確認してください。

別の解決策がx閉じるボタンをトリガーすることになります

$("a.fancybox-close").trigger("click"); 

Answer 2

は、あなたが「閉じる」ボタンをクリックする // popcloselinkがあなたの閉じるボタンのIDですでそれをクローズするとします。

$('#popcloselink').click(function(){ 
    $.fancybox.close(); 
}); 

Answer 3

だけヒント：あなたはfancyBox3を使用している場合、あなたは、単に任意の要素にdata-fancybox-closeを追加することができ、それをクリックすると、現在のfancyBoxインスタンスを閉じます。例えば

は：

$.fancybox.open('<div><p>Hello! This is fancyBox!</p><p><a href="javascript:;" data-fancybox-close>Close</a></p></div>');