用于元素自动高度的jquery同位素选项

用于元素自动高度的jquery同位素选项,jquery,jquery-plugins,jquery-isotope,Jquery,Jquery Plugins,Jquery Isotope,所以我用的是同位素砌石布局 同位素({itemSelector:'article',layoutMode:'Mashise',transformsEnabled:false,animationEngine:'jquery',Mashise:{columnWidth:8}}); 问题是,如果我不在css中设置文章的高度,布局看起来就不好,因为项目重叠和其他东西,但我不能为元素设置固定高度,因为它们是博客文章,大小可以改变,你们有什么建议吗?问题解决了,你们需要调用$(窗口).load而不是$(文

所以我用的是同位素
砌石
布局

同位素({itemSelector:'article',layoutMode:'Mashise',transformsEnabled:false,animationEngine:'jquery',Mashise:{columnWidth:8}});


问题是,如果我不在css中设置
文章的高度,布局看起来就不好,因为项目重叠和其他东西,但我不能为元素设置固定高度,因为它们是博客文章,大小可以改变,你们有什么建议吗?

问题解决了,你们需要调用
$(窗口).load而不是$(文档).ready(


请参阅

发生这种情况是因为同位素在加载之前不知道您的图像大小。更好的方法是使用加载指示器(可能使用imageLoaded插件)加载图像,然后使用同位素执行插入或附加。与使用$(window)相比,您将有一个平滑的导航和更快的加载站点。load().

你说得对。上面的页面返回404 not FOUNT now。这应该是公认的答案,它来自作者,毕竟对我也有用,使用了defaul布局tho。有趣的是,默认同位素示例使用了
$(document).ready()
。虽然窗口加载可能会起作用,但我不建议这样做。窗口加载会等待页面上的所有资产(CSS、JS、img、iframe等)加载。imagesLoaded更适合,因为您可以只针对同位素实例中要加载的图像。
var $container = $('#container').imagesLoaded( function() {
  $container.isotope({
    // options
  });
});