javascript - JQuery同位素没有触发

Question

我已将 JQuery 插件Isotopte添加到我的站点。

它工作，但只有在浏览器调整大小后。这些图像似乎只是在手之前相互叠加。

我的代码是：

$(function(){
$('#isotopecontainer').isotope({
        itemSelector: '.frontitem',
        masonry: {
        }
 });
});

我已经尝试按照网站的建议添加 columnWidth ，但这没有任何区别。

我真的不确定发生了什么。任何人都可以帮助我吗？

Answer 1

我不知道你的问题到底出在哪里，但我有一个可行的解决方案。

工作解决方案（JSFiddle）

$(document).ready(function(){
       $('#isotopecontainer').isotope({
        // options
       itemSelector : '.frontitem',
       masonry : {}
       });
    }
);

它有你所有的选择，但我似乎无法准确找到你的代码错误的地方。我确实使用了 jquery 提供的文档就绪回调，但我认为这不是问题所在。

还要确保在同位素之前包含 jquery。