Wordpress 和 packery.js 集成问题，但适用于非 wordpress 网站答案

【问题标题】：Wordress and packery.js integration issues but works on non wordpress siteWordpress 和 packery.js 集成问题，但适用于非 wordpress 网站
【发布时间】：2015-03-01 16:38:35
【问题描述】：

我正在尝试在我的 wordpress 主题上使用 packery.js，但它不起作用。

当我在测试 html 站点上使用完全相同的代码时，它可以工作。当我使用 html 方法启动它时，它也可以在 wordpress 中使用，但由于我还需要使用“imageloaded”，因此我必须使其与 java 脚本一起使用。

我的猜测是 wordpress 中的某些东西正在破坏我的 jQuery 或其他东西，但我不知道我会是什么？

我尝试过使用不同版本的 jquery，但效果不佳。

我的脚本：

var container = document.querySelector('#content');
var $pckry;
var $pckry = new Packery( container, {
// options
itemSelector: '.item',
gutter: 0,
});
// initialize Packery after all images have loaded
imagesLoaded( container, function() {
$pckry = new Packery( container );
});

【问题讨论】：

标签： javascript jquery wordpress packery

【解决方案1】：

好的，我想通了。首先，它不需要 jquery 工作。问题是我将脚本放在页眉中，由于某种原因我无法解释它必须放在页脚中，就在结束正文标记的上方。

像这样：

<?php wp_footer(); ?>
<script>
var container = document.querySelector('#blog-list-center');
var $pckry;
var $pckry = new Packery( container, {
// options
itemSelector: '.item',
gutter: 0,
});
// initialize Packery after all images have loaded
imagesLoaded( container, function() {
$pckry = new Packery( container );
});
</script>
</body>

【讨论】：