Jquery 在Wordpress单篇文章中包含同位素项目，无需重新发布

前几天我遇到了一个问题，我试图用可点击的可调整大小的图像来实现Wordpress帖子

我用了这个演示“http://jsfiddle.net/desandro/zhbLL/3/embedded/result，js，css，html，resources/“然后重新构建它，它在一个普通的html文件中运行良好，包含所有需要的文件和css，但是一旦我尝试将它应用到一篇wordpress文章中，它就不起作用了

图片的大小调整就像在演示中一样，效果很好，唯一的区别是当点击图片时会出现两次。另一个问题是，当我更改设备/窗口大小时，同位素项目不会重新显示

此外，Div ID容器的CSS中的“width:100%”值使所有同位素项目都显示出来

我认为这可能与同位素项目及其容器现在嵌套在Single.php文件的其他容器中这一事实有关

我不确定是什么原因导致了这些问题，但因为我没有更改我链接的fiddle中的CSS，为了测试可能导致这些问题的原因，我将粘贴wordpress single.php的CSS

我还确保来自fiddle链接的两个.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;
}

---

我们看不出是否只有cssI删除了#content div，这至少有助于消除重复的图像。尽管如此，当更改浏览器大小时，同位素项目没有响应，只有在我单击它们时才会响应。这是版本问题。