无限卷轴，同位素，图像加载（重叠图像）

我在iOS 9（iPhone）上有同位素，无限滚动和imagedLoaded这个奇怪的问题。 除了移动游猎之外，这在其他所有浏览器中都非常有效。 在第二组或第三组post加载之后，几乎就像imagesLoaded()停止工作并且一些post开始重叠。

这是该网站的链接

我花了好几个小时试图弄清楚我做错了什么。

谢谢

 jQuery(document).ready(function($) { var $container = $('.container'); $('.container').imagesLoaded( function() { $container.isotope({ itemSelector : '.item', layoutMode : 'masonry', stamp: '.stamp', masonry: { gutter: '.gutter-sizer' } }); $container.infinitescroll({ "nextSelector":".nav-links .nav-previous a", "navSelector":".paging-navigation", "itemSelector":".item:not(.stamp, .main-filter-navigation, .intro-about, .intro-written, .intro-brought, .intro-interpreted)", "bufferPx": "800", loading: { finishedMsg: 'No more items to load.', img: 'http://sofzh.miximages.com/jquery/qkKy8.gif' } }, function ( newElements ) { var $newElems = jQuery( newElements ).css({ opacity: 0 }); // hide to begin with // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ $newElems.fadeIn().delay(40); // fade in when ready $container.isotope( 'appended', $newElems, true ); }); } ); }); }); 

更新：我想我已经跟踪了这个问题，因为imageLoaded和WordPress 4.4中引入的新srcset响应图像

如果我使用functions.php文件中的filter禁用响应式图像支持，该filter从图像中删除srcset属性，那么一切都可以在移动版Safari中正常加载。

有没有更好的方法来解决这个问题？