TypeError: $(...).masonry 在 JS 中使用 init 时不是函数

问题描述

我想使用来自 https://masonry.desandro.com/ 的 Masonry 功能，并且我使用 npm 导入了脚本。

使用 Bootstrap 5 (https://getbootstrap.com/docs/5.0/examples/masonry/) 我可以轻松使用：

data-masonry='{"percentPosition": true }

在行上，效果很好。

虽然我需要在 ajax 过滤后重新初始化 Masonry。所以尝试使用手动方式触发砌体，将其添加到 JS 文件甚至 PHP 文件（制作文章循环的地方）进行测试：

$('.article-listing .row').masonry({
  // options
  itemSelector: '.grid-item',columnWidth: 200
});

不管我做什么，但使用这个 wat 我得到错误：TypeError: $(...).masonry is not a function。既然 Bootstrap 方式运行良好，那怎么可能呢？

我没有点子了，有人给我提供线索吗？

提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）