Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 用同位素重新发布项目,不';我似乎无法维持结构_Jquery_Jquery Isotope - Fatal编程技术网

Jquery 用同位素重新发布项目,不';我似乎无法维持结构

Jquery 用同位素重新发布项目,不';我似乎无法维持结构,jquery,jquery-isotope,Jquery,Jquery Isotope,我一直在玩弄同位素 并且一直在尝试创建一个保持固定大小的父容器, 总是有6个较小的项目,并重新洗牌,以适应第7个较大的项目 以下是我到目前为止对JSFIDLE的了解 我所希望的是,点击任何一个区块后,任何一行中较小区块的总数将为3 出于某种原因,无论是user.isotox('resize'),还是在我执行的过程中重新调用和创建同位素,我最终在顶行中得到了一个大于3的数字,因此这些项目的排序不均匀 我原以为,在诉诸法律之后,这种安排会有点静态。 有没有办法让同位素遵守装订箱的宽度和高度参数??

我一直在玩弄同位素 并且一直在尝试创建一个保持固定大小的父容器, 总是有6个较小的项目,并重新洗牌,以适应第7个较大的项目

以下是我到目前为止对JSFIDLE的了解

我所希望的是,点击任何一个区块后,任何一行中较小区块的总数将为3

出于某种原因,无论是user.isotox('resize'),还是在我执行的过程中重新调用和创建同位素,我最终在顶行中得到了一个大于3的数字,因此这些项目的排序不均匀

我原以为,在诉诸法律之后,这种安排会有点静态。 有没有办法让同位素遵守装订箱的宽度和高度参数???

请参阅以获取我的解决方案

有没有办法让同位素遵守装订箱的宽度和高度参数

第一步是禁用同位素调整容器大小。设置选项
false

现在,要将这些块装配到容器中,有几种方法。您可以构建自己的布局模式,也可以尝试使用排序。这就是我采用的解决方案

我还使用了一种不同的布局模式,
fitColumns
,我认为这更适合您的需求。使用
getSortData
参数,逻辑是,如果项的类为
large
,并且是偶数项,那么它将被推回下一列。因此,当2、4、6都较大时,它们将被放入下一列

getSortData : {
  fitOrder : function( $item ) {
    var order,
        index = $item.index();

    if ( $item.hasClass('large') && index % 2 ) {
      order = index + 1.5;
    } else {
      order = index;
    }
    return order;
  }
},

妙极了!我有一个关于这个概念的问题:您是否能够调整未单击的.items的大小,而不是改变div的位置。我正在寻找类似的东西:@Tom是的,您可以尝试通过自定义布局模式实现您想要处理布局的任何逻辑。看,我是否能够折叠这些项目,而不是让窗口切换?我知道你可以自定义布局,所以我可以按照我想要的顺序排列图像,但是如何调整项目的大小呢?很棒的演示,几乎就是我想要的。但是,是否可以将放大的项目重新定位到第一个位置?与www.jwt.com使用的效果类似。谢谢你advance@desandro,这是断章取义的,但是。插件可以支持多种选择。我的意思是诉诸于多种价值观。我用支票盒试过,但没有水果。。