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

Question

我试图在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 );
});

Answer 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>