砌体/同位素全宽印章到位

时间:2013-12-19 16:59:12

标签: javascript jquery jquery-isotope jquery-masonry

我一直在尝试使用Masonry和Isotope,我注意到它包含stamp选项。我一直在尝试利用此功能在原地创建全宽图章。

我一直在试验isotope documentation中找到的stamp代码。我采取的方法如下:

$demo.find('button').on( 'click', function() {
    $stampElem.attr('style', '');

    // stamp or unstamp element
    if ( isStamped ) {
        $container.isotope( 'unstamp', $stampElem );
    } else {
        $stampElem.attr('style', 'width: 100%;');
        $container.isotope( 'stamp', $stampElem );
    }
    // trigger layout
    $container.isotope('layout');
    isStamped = !isStamped;
});

但是,使用此方法会产生意外结果:

  • 标记的块最终位于容器的顶部,所有其他块都显示在
  • 下面
  • 加盖的区块不会返回其先前的位置

如何创建一个保持原位的全角标记(即在它之前推块,在它之后推块)?

Interactive example here

0 个答案:

没有答案