Tag: imagesloaded

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

我在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’ } […]

同位素不使用imagesLoaded？

我正在使用jQuery Isotope创建一个水平布局，将DIV彼此相邻的100％高度对齐，并将每个DIV中的图像垂直对齐。 因此，我正在将Isotope称为这样，并且Chrome（本地）的一切正常： $(function(){ var $container = $(‘#container’); $container.isotope({ itemSelector : ‘.itemwrap’, layoutMode: ‘horizontal’, horizontal: { verticalAlignment: 0.5 } }); }); 由于图像需要时间加载，它们往往会弄乱Isotope布局，所以我正在尝试使用imagesLoaded修复： http ：//isotope.metafizzy.co/appendix.html 我实现了这样的修复： $(function(){ var $container = $(‘#container’); $container.imagesLoaded( function(){ $container.isotope({ itemSelector : ‘.itemwrap’, layoutMode: ‘horizontal’, horizontal: { verticalAlignment: 0.5 } }); }); }); 使用此图像加载，同位素不再加载。 删除imagesLoaded，Isotope再次启动（但使用混乱的布局）。 有谁知道，错误在哪里？ 谢谢！