前几天我遇到了一个问题，试图将 Isotope 实现到带有可点击可调整大小图像的 Wordpress 帖子中。
我使用了这个演示“http://jsfiddle.net/desandro/zhbLL/3/embedded/result,js,css,html,resources/”并重建它，它可以在包含所有文件的常规 HTML 文件中正常工作和css，但是一旦我尝试将其应用于 wordpress 帖子，它将无法工作。
就像在演示中一样调整图像大小工作正常，唯一的区别是图像在单击时出现两次。另一个问题是，当我更改设备/窗口大小时，同位素项目不会重新布局。
此外，Div ID 容器的 CSS 中的“width:100%”值使所有同位素项目都消失了。
我认为这可能与同位素项目及其容器现在嵌套在 Single.php 文件的其他容器中的事实有关。
我不确定是什么原因造成的，但因为我没有更改我链接的小提琴中的 CSS，为了测试可能导致这些问题的原因，我将粘贴 wordpress single.php 的 CSS。
我还确保来自小提琴链接的两个 .js 文件都可以正常工作。加载同位素以及自定义 .js 脚本。
单篇文章的 CSS
.post-content-content {
float: left;
width: 100%;
margin-bottom: 40px;
padding-bottom: 30px;
}
#content-container {
height: auto;
min-height: 300px;
padding-bottom: 0px;
}
#content {
float: left;
height: auto;
min-height: 200px;
padding-left: 17px;
padding-right: 17px;
top:45px;
left:0;
right:0;
margin-right: 0px;
margin-left: 0px;
position:relative;
}