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

Question

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

问题
这是我执行插件的jQuery sn-p

<script type="text/javascript">

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

</script>

它不执行插件所以我的页面看起来像这样 Image - only floated

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

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

感谢任何帮助！

Answer 1

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

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

用你的元素的类名替换“post”。