Isotope 在 wordpress 上的布局不正确，但可以在另一个测试页面上使用

Question

我正在开发一个 wordpress 网页，大部分页面都是使用 worpress 工具构建的，但我使用自定义代码制作了这个页面，因为我们找不到更好的解决方案来过滤项目而不重新加载整个页面。

https://latequebate.com/tienda/

这是在wordpress之外上传的网页

https://pruebaslate.000webhostapp.com/

问题是在 wordpress 上它在第一次加载时就坏了，如果我点击某些东西或调整 windows 它工作正常。

请记住，这是一个 WIP，目前只有前两个选项在第二个过滤器上执行某些操作，而第二个选项中只有第一个显示卡片。

Answer 1

这可能不是答案，但很难在评论中对其进行格式化。

您有一个 JS 错误发生在 Wordpress 页面上，但在非 Wordpress 页面上没有发生。不知道它是否相关，我没有深入挖掘，但 HTMLDocument.onReady 听起来很可疑。

Uncaught TypeError: e.indexOf is not a function
    at k.fn.init.k.fn.load (jquery.min.js:2)
    at e (ce71c.js:94)
    at Object.logo (ce71c.js:94)
    at Object.init (ce71c.js:94)
    at HTMLDocument.onReady (ce71c.js:94)
    at e (jquery.min.js:2)
    at t (jquery.min.js:2)

Answer 2

我找到了它不起作用的原因，autooptimize 插件做了一些有趣的事情，有时它不仅仅是清除缓存，禁用和启用它解决了问题。取消选中或选中某些选项也有帮助。

WP-Coder 插件有时需要 HTML 部分中的 JS 而不是链接 CDN 选项，因为这会影响代码的执行顺序。

Isotope 在 wordpress 上的布局不正确，但可以在另一个测试页面上使用

Isotope has a broken layout on wordpress but works on another test page

wordpress

jquery-isotope