jquery - Freetile Jquery插件-加载页面时未执行功能

Question

我正在使用Freetile Jquery 插件来制作更好看的网格。在我的网页上，我喜欢高度不同的卡片，这就是我使用 freetile 的原因。

问题
这是我执行插件的 jQuery 片段

<script type="text/javascript">

$(document).ready(function() {
$('#freetile-container').freetile({ animate: true, elementDelay: 30 });
});

</script>

它不执行插件，所以我的页面看起来像这张 图片 - 只是浮动

但是当我打开我的萤火虫时，插件突然被执行，“卡片”被动画化并相互平铺。图片 - 现在平铺

我真的无法弄清楚似乎有什么问题 - jquery 是否认为我的页面尚未加载或其他什么？

任何帮助表示赞赏！

Answer 1

尝试指定一个自定义元素选择器：

$(document).ready(function() {
        $('#freetile-container').freetile({ 
        selector: '.post',
        animate: true, 
        elementDelay: 30
    });
});

将“post”替换为元素的类名。