1

我已经在我正在构建的站点中实现了 jQuery Isotope，但我遇到了一个奇怪的问题。最初的砌体布局工作正常。我有一个调用“随机播放”功能的随机按钮，它完全符合您的预期。

不起作用的按钮是实现按图像标题排序的按钮。排序本身按其应有的方式工作，这意味着项目以正确的顺序结束，但砌体布局中断，所有图像都在容器左侧的单行中结束。

下面是：我的初始同位素加载函数、我的工作“shuffle”函数和我损坏的“sortBy”函数。

var $container = jQuery('#isotopegallery');
$container.imagesLoaded( function(){
    $container.isotope({
        itemSelector : '.photo',
        masonry: {
            coumnWidth: 270,
            gutterWidth: 10
        }
    });
});

jQuery('#randomize').click(function(){
    $container.isotope( 'shuffle' );
});

//Isotope sort data
$container.isotope({
  getSortData : {
    title : function ( $elem ) {
      return $elem.find('.title').text();
    }
  }
});

jQuery('#sortByTitle').click(function(){
    $container.isotope({ sortBy : 'title'});    
});

编辑：我已经用我正在做的简化版本构建了一个 jsFiddle，当然，它在那里工作得非常好。我正在寻找我的实际项目中的不同之处。jsFiddle 链接如下：

http://jsfiddle.net/NXNZH/

4

0 回答 0