Question

我对我的this page有疑问。切换菜单和子菜单，我正在使用Isotope。我想知道是否可以改变刚刚点击的链接样式。由于这一切都发生在一个页面中，因此该问题的其他解决方案不起作用。

我也无法让this工作，可能是因为我必须使用多次切换。（+我的电视节目表页面增加了复杂性，因为它基本上是一个切换内的整个页面。）

我希望有人可以通过查看我的源代码来帮助我。

Answer 1

为您的活动样式创建一个css类，而不是您当前使用的内联样式＆＃34; TV Schedule＆＃34; （背景：青色;颜色：白色）。打电话给班级＆＃34;活跃＆＃34;例如。

只需在已经使用jquery设置的单击处理程序中添加和删除此类。所以在你的来源134：

$('.sort a').click(function(){

  //add these 2 lines
  $('.sort a').removeClass('active');
  $(this).addClass('active');

  //the rest of your handler
  var selector = $(this).attr('data-filter');
  $container.isotope({
    filter: selector,
    animationOptions: {
      duration: 750,
      easing: 'linear',
      queue: false,
    }
  });
  return false;
});

第一行经过并将其从该块中的所有标记中删除（如果存在）。下一个将它添加到被点击的那个。

这通常是我做这种事的方式。它独立于同位素 - 只使用你已经拥有的jquery。

使用切换和同位素时，更改css'活动'链接

1 个答案: