jquery - エラーはありませんが、jQueryコードは機能しません

Question

誰かが問題が何であるかを言うことができますか？最初にjQueryWaypoints（http://imakewebthings.github.com/jquery-waypoints/）をロードし、テキストの後に表示されるコードを含めました。ページを下にスクロールするときに画像にfadeIn効果が必要ですが、何も起こりません。このソリューションは、Stack Overflowで見つかりました-ユーザーがそのdivにスクロールすると、JQueryがdivをフェードインします 。これが、ソリューションを実行しようとしているリンクです-http://layot.prestatrend.com ありがとうございます。

// by default your element will be hidden
$('.ajax_block_product').hide();
// call waypoint plugin
$('.ajax_block_product').waypoint(function(event, direction) {
    // do your fade in here
    $(this).fadeIn();
}, {
   offset: function() {
       // The bottom of the element is in view
       return $.waypoints('viewportHeight') - $(this).outerHeight();
    }
});

Answer 1

jQueryのhide関数はdisplay:none要素に設定されます。の要素display:noneは正しいを報告しませんoffset。代わりに、最初に不透明度を0に設定するか、可視性を非表示に設定してみてください。