ユーザーが「Like」をクリックした後にモーダルポップアップを閉じる

Question

私たちのサイトでは、モーダルのjavascript/jqueryダイアログがポップアップしているため、ユーザーはフェイスブックを閉じるか「好き」に進む必要があります。 HTML5バージョンの「類似」コードを使用しています。

「閉じる」は正常に機能しますが、ユーザーが「好き」をクリックしたときにダイアログを閉じるにはどうすればよいですか？

実際の「お気に入り」ボタンは、IFrameでFacebookから提供されていますが、まだJavaScript経由でアクセスできませんでした。

アイデア？

Answer 1

FB JSイベント（http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/）を購読したら、ポップアップを閉じてください。しかし、あなたは好きな人のためにFacebookが自分の壁にリンクを投稿することを許可するダイアログを表示したいので、問題にぶつかるでしょう。だから、ダイアログをあまりにも早く閉じて、間違ってそのダイアログを非表示にすることがあります。

Answer 2

まず第一には、次のコードを実装することを確認します

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=261463080590982"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

をそれからちょうど次の操作を行いますclose_funciton（）

<script> 
FB.Event.subscribe('edge.create', function(response) { 
close_function() 
}); 
</script> 

あなたは、通常の近くに呼ん同じ機能です。この機能について

詳細情報：https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

あなたはより多くの異なる「機能」と同じページ内のボタンのように、それは楽しいですしている場合。

Answer 3

あなたが

.fb_edge_widget_with_comment{ 
    position: absolute; 
} 

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { 
    display: none !important; 
} 

の下にCSSコードを使用することができます すべてでそれを表示したくない場合は、それが役に立てば幸い:)