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工作。问题是我将脚本放在标题中，由于某种原因我无法解释它必须放在页脚中，就在关闭的body标签上方。

像这样：

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

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

1 个答案: