Question

在过滤器的 Etc 部分下的

http://bit.ly/19GXxDy，有一个切换大小功能。使用这个我们创建了一个页面作为基本样本来构建一个带有投资组合矢量徽标的HTML页面，使用站点样本升级到V2失败。我们使用的是错误的方法吗？

改变了什么，我们做错了什么。我们正在尝试升级到V2，无法在V2中使用相同的切换磁贴大小，

  // V1 toggle variable sizes of all elements
  $('#toggle-sizes').find('a').click(function(){
    $container
      .toggleClass('variable-sizes')
      .isotope('reLayout');
    return false;
  });





  // in V2 change size of all item by toggling class, doesnt work
 $container.on( 'click', function() {
    $(this).toggleClass('variable-sizes');
    $container.isotope('layout');
 });

Answer 1

我假设您已在代码中定义了变量$ container？你的v2代码似乎发生了什么，你点击$ container切换$ container本身的类'variable-sizes'，你的代码是$（this），而不是你的链接'a'。

你要这样做：

$container.on( 'click','a', function() {
$(this).toggleClass('variable-sizes');
$container.isotope('layout');
});

jsfiddle中的代码示例将更有助于回答您的问题。

同位素更新到V2，如何切换大小和布局

1 个答案: