Facebook API の呼び出すタイミング

以前フリーランサーをやっていた際にメモしていた内容。

2012年12月頃のメモ。

$(document).ready や $(window).load での Facebook API の呼び出しは注意が必要です。

大前提として Facebook API は必ず FB.init の直後に実行しないといけない。

しかし、$(document).ready や $(window).load は必ず FB.init の直後に実行されない。

そのため以下のような工夫が必要。

• 呼び出したいイベントを FB.init 直後で trigger 登録。
• API を呼び出したい箇所でさっきのイベントと handler を on (旧:live) とかで登録。

Read More

Chrome で Amazon Widget のロードエラーが発生する

Google Chrome で Amazon Widget を読み込むと 2つの JavaScript エラーが発生する。

発生した Chrome のバージョンは 29.0.1547.66 m （2013/09/15 時点最新）。
ちなみに以下のブラウザでは発生しなかった。

• Firefox 23.0.1
• Internet Explorer 7/8/9/10
• Safari 5.17

Developer Tools を使ってデバッグしたところ、2つ目のエラー jQuery Cycle Plugin は、解決方法を見出した。
けれど、"Failed to load resource" 問題は解決しない。
Web を調べると同じ現象に遭遇した方が居たが、解決策は特に無かった。
Amazon Widget を外すか、Chrome の Fix を待つか、どちらかな模様。

悔しいので引き続きデバッグしてみたけど、自分では解決する事が出来なかった。

残念だけど Widget を外すか。。。

[参考リンク]
http://i.hatena.ne.jp/idea/28872
http://stackoverflow.com/questions/5020442/last-image-in-document-fails-to-load-failed-to-load-resource

Read More