Fancybox not working with jQuery Masonry in pages loaded through infiniteScroll <p>I have three pages in my portfolio website built on the Masonry plugin (http://www. 4pixels.co.uk/). On the first page fancybox works perfectly for a few of the images.</p> <p>But when I use infiniteScroll to load page 2 at the bottom of the first page, the fancy box links stop working and just load the thick box image into a new page.</p> <p>If I load page 2 (http://www.4pixels.co.uk/index2.html) directly into the browser it worked fine (with all the css/js). I've since stripped out the js and css from this page as it loads them from page 1, but it makes no difference and fancy box still doesn't work (The image to try it with is the Responsive screens for Winston Ellis website)</p> <p>All the best Andy </p> <hr> <p>I have tried</p> <pre><code> $(document).ready(function() { $("#tumblelog").on("focusin", function(){ $("a.example2").fancybox({ 'overlayShow' : true, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); }); }); </code></pre> <p>but still not working. I see your example is working so I'll have to pull it apart as I can't see were I'm going wrong..</p>