動的に作成されたコンテンツにfancyboxが適応されない

カテゴリー:WordPress,javascript

具体的に言うと「infinitescroll.js」で動的に呼び出したコンテンツにだけfancyboxが適応されなかった。
理由が「jQueryは通常、最初のページ読み込み時に存在する要素にしかイベントが適用されないからです。」
はい、ここ重要!
だから次の方法で解決させる。

んで、動的に生成したリンクにもfancyboxを適応させるために「live」というメソッドが用意されています。

jQuery(function($){
   $('a.fancybox').live('hover', function() {
        $(this).fancybox();
    });
});

このコードをheader内でfancyboxを読み込んでいたところに書き換えれば動くはず!

参考サイト