2013-06-04 20 views
12

私のプロジェクトではすばらしいポップアップを使用しています。 jqueryでこのポップアップを閉じるには、 $( '。mfp-close')を使用しています。それは機能していますが、別の方法で閉じる必要があります。 他の方法であれば私を助けてください。あなたがpop upを開いている場合は事前に感謝jqueryで壮大なポップアップを閉じるには

+0

、ウル返事をありがとうをあなたのコード – Grevling

答えて

0

はそれはclose methodcallすることができますobjectことを利用しmagnific object、 を返します。

var mgObj=$('your-selecter').magnificPopup({ 
    // you options 
}); 

// code to close pop up on clicking a button 
$(document).on('click','button',function(){ 
    if(mgObj) 
    { 
     mgObj.close(); 
    } 
}); 
+0

こんにちはローハンの一部を共有してください。 私はそれを使用すると、mgObj.close()は関数ではありませんをスローします。 私は解決策を提供できますか? – Sanjay

34

この試す、のようなことを試してみてください。ただ、これらは、あなたがこのポップアップを閉じることができますいくつかの方法があり、ここでhttp://dimsemenov.com/plugins/magnific-popup/documentation.html#api

を見てみましょう$.magnificPopup.close()

+0

うわー!私はそれを使用し、それは働いています.... あなたの返信いただきありがとうございます。 – Sanjay

+0

問題はありませんが、これを正解としてお待ちください:) – Bobby5193

+0

あなたはどうやってそれをしますか?私はちょうどvarのmaginificPopup – altore

29

を上:

私にとって
var magnificPopup = $.magnificPopup.instance; // save instance in magnificPopup variable 
magnificPopup.close(); // Close popup that is currently opened 

または

$.magnificPopup.close();

または

$('your-selector').magnificPopup('close');

、唯一の3つ目は効率的に働きました。

6

を使用

var magnificPopup = $.magnificPopup.instance; 
// save instance in magnificPopup variable 
magnificPopup.close(); 
// Close popup that is currently opened 
+0

テクニック#3は、私が特定のポップアップをターゲットにするために働くことができる唯一のものであり、すべてではありません。ありがとう、レム! –

3

私の作品唯一のものである:

$jQ('#close_popup').on('click',function(){              
    $jQ.magnificPopup.proto.close.call(this); 
}); 
関連する問題