2012-02-20 12 views
1

私が開発しているウェブサイトにFB「Like Box」を追加しようとしています。 Facebookアプリにはあまり慣れていませんが、これまでFB SDKスクリプトのインクルードを使用して、IFRAME以外のルートになっています。Facebook「Like Box」とJQuery

私は、ほとんどすべてのセットアップが正しく行われていることは確かです。実際には、UNCACHEDページにアクセスするとウィジェットが表示されます(つまり、FFで、キャッシュからのロードを避けるためにすべてのコンテンツをリロードするためにCtrl + Shift + Rを押します)。サイトを再訪したり、リンクをクリックしてサイト内を移動したりしても、コンテンツは再表示されません。

それはa)のchannel.phpファイル、またはjQueryの私の使用とB)のアプリケーションとの相互作用の問題だ場合、私は思ったんだけど。 channel.phpファイルは、Facebookが提供しているもの(PHPのキャッシュ機構を使用しているもの)です。

はここで、現在サイトです:http://www.morningfatty.com/demo - これをリストではなく、いくつかのコードスニペットを投稿する方が簡単かもしれません。

答えて

2

私はあなたのウェブサイトに行って、同じようなボックスを見ませんでした。私はHTMLコードをチェックし、それはすべて正常に見えた。 divのように見えた<div data-header="false" data-stream="false" data-border-color="#40ADAD" data-show-faces="true" data-colorscheme="light" data-width="192" data-href="http://www.facebook.com/morningfatty" class="fb-like-box"></div>

私はhttps://developers.facebook.com/docs/reference/plugins/like-box/に行って、あなたのリンクhttp://www.facebook.com/morningfattyを試してみましたが、そのようなボックスは表示されませんでした。

私はhttp://www.facebook.com/morningfattyに直接行くしようと、それはhttp://www.facebook.com/MorningFattyに私をリダイレクト。私はその名前の大文字小文字の変更に気づいた。だから私は戻って同じボックスにhttp://www.facebook.com/MorningFattyを試して、それは働いた!

私は、あなたがページ上でケーシングを更新すると動作すると信じています。 :)

+0

ありがとう。あなたが言及したように私はdivを更新しましたが、残念ながら同じ問題を抱えています。私はあなたが[https://developers...like-box]を投稿したFBリンクを訪問し、MorningFattyとmorningfattyの両方を入れました。どちらもFF10.0でうまくいきました。今これは奇妙です。私は明日の仕事でも確認できますが、あなたは私に1つのことを教えてください...ページ上にあるときは、JQueryリンク(「Contact Us」をクリックするなど)を使用できるかどうか、 Likeのボックスはまだ見えますか?それは私が持っている問題です(キャッシュをクリアしなければ表示されません)。 – Jmoney38

+0

Ahhhh私は、あなたがビューソースにプラグインを持っていないことがわかります。後で(FacebookがDOMを解析した後に)それを動的に挿入するように見えます。 Facebook SDKにDOMを再解析させるには、FB.XFBML.parse()を実行する必要があります。 like-boxをサイドナビゲーションエリアに動的に挿入した後。 – DMCS

+1

それはまさに問題です。各リンクをクリックした後にFB.XFBML.parse(id)を呼び出すロジックを追加しました。ページコンテンツはJQuery経由で取得されるため、これをコールバック関数に組み込んで、ページコンテンツが取得された後にのみ発生させるようにしました。ありがとう!!! – Jmoney38

関連する問題