Can't get jQuery Masonry + Infinite Scroll to work in Safari and Chrome -


Hi, I'm trying to set up a site using jQuery Masonry and Infinite Scroll but I can not seem to get it working. In Chrome or Safari on OSX

Dev Site

I have not found any JavaScript errors in the console.

I have tried: <

  • Set the width / height of the images inside the masonry divs
  • Using the old jacuzzi library
  • JS to head instead of flooring
  • HTML
  • Changing between jQuery (window) Load (and jQuery) type ( / Ul>

    The code I'm working with is a demo code Similar is what works fine:

      jQuery (window). Load (function () {jQuery ('masonry): (), masonry ({singlemod: true, item selector:' ('.hfed') .Jquery ('.hfeed'). InfiniteScroll ({navSelector: '.pagination', // selector for pager navigation Next selector: 'endorsement .next', // selector for NEXT link (to Page 2) Item Selector: '. Box', // Selector for all items, you loadin Will retrieve gImg: '/ wp-content / themes / sprppl / images / loader.gif', Loading text: "Loading ...", donetext: 'To load and not to page. ',' Debug: incorrect, error_backback: function () {jQuery ('# nfscr-loading'). Animate ({obscurity: .8}, 2000). Fadeaut ('normal');}}, // a callback function New Elements) Call Masonry {jQuery} (This is). ({AppendedContent: jQuery (newElements)}}}}}}};   

    Any help will be highly appreciated.

    "Tumblr Points refer to "you image size tags ( & lt; Img / & gt; not & lt; Div / & gt; ) or setTimeout ()

      // Call masonry as a callback, after 1000 millisecond function (new elements) {setTimeout (function () ($ Wall.masonry ({appendedContent: $ (newElements)});}, 1000);}   

    You should also set the column width, I think (I do not know the script, but What they are saying in the document)

  • Comments