jquery石工 +無限の巻物を取得できませんsafariとchromeで動作するように

Question

こんにちは私はjQuery石積みと無限の巻物を使用してサイトをセットアップしようとしていますが、OSXのChromeやSafariで動作させることはできません。

開発サイトはです http://bit.ly/hyj3cq

コンソールでJavaScriptエラーはありません。

私が試したこと：

• 石積み除去内の画像幅/高さを設定します
• 古いjQueryライブラリを使用します
• JSをフッターの代わりにヘッドに移動します
• type = "text/javascript"をスクリプトタグに追加する
• HTMLの検証
• jquery（window）.load（およびjquery（document）.ready（windo）を変更する

これは私が働いているコードであり、正常に動作するデモコードに非常に似ています。

    jQuery(window).load(function(){

    jQuery('.hfeed').masonry({
        singleMode: true, 
        itemSelector: '.box'
    });

    jQuery('.hfeed').infinitescroll({
      navSelector  : '.pagination',  // selector for the paged navigation 
      nextSelector : '.pagination .next',  // selector for the NEXT link (to page 2)
      itemSelector : '.box',     // selector for all items you'll retrieve
      loadingImg : '/wp-content/themes/sprppl/images/loader.gif',
      loadingText  : "Loading...",
      donetext  : 'No more pages to load.',
      debug: false,
      errorCallback: function() { jQuery('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');   }
      },
      // call masonry as a callback
      function( newElements ) { jQuery(this).masonry({ appendedContent: jQuery( newElements ) }); }
    );      

    });

どんな助けも大歓迎です。

Answer 1

http://desandro.com/demo/masonry/docs/infinite-scroll.html

「Tumblrの問題」を見てください。画像サイズのタグを設定する必要があります（ <img/> ではありません <div/>）またはsetimeout（）を使用します

// call masonry as a callback, after 1000 milliseconds
function( newElements ) {
  setTimeout(function() {
    $wall.masonry({ appendedContent: $(newElements) });
  }, 1000);
}

また、列幅を設定する必要があります（スクリプトはわかりませんが、それがドキュメントで言っていることです）