OK http://www.gablabelle.com/にポートフォリオがあります。サムネイルをクリックすると、(スライダーの) スライドに要求された写真が表示されます。偉大な。
右下隅に表示されているように、Facebook のおすすめバーがインストールされています。いいねボタンを、その特定の瞬間にいるスライドにリンクしたい。
コードの簡略版:
slider.ev.on('SlideChange', function(event) {
// Show me the URL, works fine
console.log(href);
// Trying to change the URL of the Facebook Recommandations Bar plugin
$(".fb-recommendations-bar").attr("data-href", href);
// The trigger
FB.XFBML.RecommendationsBar.markRead(href);
});
HTML:
<div id="social" class="hide">
<div class="fb-recommendations-bar" data-href="http://www.facebook.com/gablabellephoto" num_recommendations="0" data-trigger="manual" data-site="http://www.gablabelle.com/"></div>
</div>
Facebookのドキュメントには、次のように記載されています。
https://developers.facebook.com/docs/reference/plugins/recommendationsbar/
manual - このオプションを使用して、プラグインを手動でトリガーします。プラグインをトリガーしたい場合は、FB.XFBML.RecommendationsBar.markRead(href); を呼び出します。JavaScript で。href パラメータはオプションで、設定されていない場合は現在のページがデフォルトになります。指定する場合は、XFBML タグの href パラメーターと一致する必要があります。複数ページの記事が多い場合は、手動トリガーが便利です。たとえば、3 ページの記事では、1 ページ目と 2 ページ目に trigger="manual" を追加し、それらのページで markRead JavaScript 関数を呼び出さないでください。
お時間を割いてご協力いただき、誠にありがとうございました。