我想让Isotope javascript）在测试页面上工作。
我正在尝试使用Isotope工作的过滤示例。 （Stackoverflow不允许我发布链接，因为我刚刚在这里张贴...！）
我已将他们的示例HTML，CSS和vanilla JS复制到我的域中的测试页面：http://chrislydon.co.uk/testiso.php
（一个php文件，因为一旦基本的东西工作，我想测试从MySQL DB中添加项目！）
我想我拥有我需要的一切：在头部引用Isotope JS，将它们的JS复制到标签之间 - 以及它们的确切HTML（和CSS）。
我正在关注标记为“Vanilla JS”的示例（因为他们的其他示例依赖于JQuery（我最终将实现它）。）
我看不出我做错了什么，这意味着他们的例子的逐字副本将无效......
（在不同的浏览器上试过 - 他们的示例在其中工作，但我的复制示例没有）
我对PHP / HTML很好但只在JS中做了基本的东西所以也许我错过了一些非常明显的东西！
感谢您提供的任何帮助！
答案 0 :(得分：1)
有两个主要问题：
1）在文档的<head>中，您的<script>标记缺少>：<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"</script>
更改为：
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
2）如果上述初始值设定项在文档的<head>中运行，则无法查询文档，document.querySelector('.grid')将返回null。
而是将脚本放在</body>标记之前。
工作jsFiddle：
https://jsfiddle.net/dptve3s6/1
额外奖励：您有一个名为myFunction的功能附加到按钮的onClick事件，但该功能未在任何地方定义。定义它，享受。