问题标签 [imagesloaded]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 即使使用“imagesLoaded”，砌体网格项目也会重叠
抱歉，我知道关于这个问题的帖子有数千条。我无法让它工作。我正在使用 tumblr 主题。我在这里做了一个小例子。
所以有 7 个.postdiv 是grid-items，而.entriesdiv 是grid。
我添加了masonry :<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>的链接，以及imagesLoaded :的链接<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>。
jquery 代码通常包括所有必要的选项：
我不知道什么不起作用，但.postdiv 仍然重叠。有人知道如何解决这个问题吗？非常感谢！！
jquery - Jquery - 带有 imagesLoaded 插件的无限滚动加载微调器
我在这个例子之后使用（masonry + imagesLoaded + infinitescroll），除了加载微调器外一切正常，它在 imagesLoaded 完成之前被隐藏，这是我的代码：
问题是加载微调器在获取内容之后但在完成 imagesLoaded() 之前显示，我隐藏新加载的内容，直到加载所有图像，如最后一个回调函数中所示function( newElements )
在 imagesLoaded() 函数完成之前如何显示加载微调器？
任何帮助将非常感激！
javascript - 砖石图像加载无限滚动
我对加载无限滚动的砌体图像有问题，第一次加载时一切正常，但在无限滚动砌体计算错误位置后
我的 img 标签没有“高度、宽度”，因为我的页面是响应式的。我如何修复加载的图像？请帮帮我。
javascript - 未捕获的 TypeError: $(...).imagesLoaded 不是 Webpack2 的函数
我正在尝试使用第三方库。
插件imagesLoaded无法与 webpack 一起正常工作。
webpack.config.js
index.js
错误来自 main.js：
未捕获的类型错误：$portfolio_filter.imagesLoaded 不是函数
未捕获的类型错误：$(...).imagesLoaded 不是函数
main.js看起来像这样
我不知道为什么 Webpack 不加载 imagesLoaded 插件。我从 npm imagesLoaded 安装 - 没有解决问题。
有人有同样的问题吗？有人知道如何解决这个问题吗？
谢谢
webpack - 外层选项所需的 ImagesLoaded
所以我似乎出于某种原因得到了这个错误： [InfiniteScroll] imagesLoaded required for outlayer option
即使我已经声明了 imagesLoaded ......这是我的代码：
我在页面顶部使用 webpack 和 es6 加载我的插件：
不知道发生了什么不幸，希望有人能提供帮助！
shopify - 通过shopify中的ajax加载的tumblr API上的无限滚动+图像加载+砌体
我一直试图使这项工作有一段时间，但没有取得任何进展。不确定我是否遗漏了某些东西，或者它是否在此设置中不起作用。
简而言之：客户有一个 shopify 网站，并希望以无限滚动的方式从 tumblr 加载图像。
我正在使用 DeSandro 的标准：Infinite Scroll、Masonry、ImagesLoaded，并基于这支笔的组合。
我通过 tumblr API 很好地加载了 tumblr 提要，并显示在砖石网格中，但无法让无限滚动工作。
InfiniteScroll 是否会因为内容是通过 ajax 加载而不起作用，并且当 InfiniteScroll 尝试加载它时实际上还没有出现在页面上？任何见解将不胜感激！
这是链接：https ://negativeunderwear.com/pages/for-women
而且，第 2 页的链接：https ://negativeunderwear.com/pages/for-women?page=2&cache= false - 这是 .pagination__next
（点击之前仅供参考，这是一个女性内衣网站。）
谢谢！
javascript - 使用图像维护砌体项目顺序
我无法保持砌体物品的顺序，因为它们都有在不同时间加载的图像。我的所有项目都以有序的方式处理，对于每个项目，我都运行这一行来添加它们：
问题是每个 div 都有一个加载随机时间的图像，因此加载第一个图像的 div 会排在前面（超出通常的顺序）。
我知道 jQuery 有一些排队功能，但我不确定如何在这里应用它们。
javascript - 使用 ajax 或 jquery 加载专辑图片
我想优化我的网站，我正在使用框架-y，特别是使用带有同位素插件的菜单专辑http://templates.framework-y.com/gourmet/pages/menu-albums.html问题是每张专辑都有一个很多项目（大约 60 个），因此在加载页面时加载每个图像需要时间，大约 10 秒。有没有办法在点击时加载每个专辑？也许通过ajax或jquery？因此页面加载速度更快，并且不会下载用户不想看到的内容
我正在用查询和 php cicle 标记专辑
菜单中的每一项都是这样的：