Html 更改css';主动';使用切换和切换时的链接

Html 更改css';主动';使用切换和切换时的链接,html,css,toggle,jquery-isotope,Html,Css,Toggle,Jquery Isotope,我有一个关于我的问题。菜单和子菜单被切换,我正在使用同位素。我想知道是否有可能改变刚刚点击的链接的样式。由于这一切都发生在一个页面中,因此解决此问题的其他解决方案不起作用 我也不能上班,可能是因为我必须使用多个开关。(+我的电视时间表页面增加了复杂性,因为它基本上是一个开关内的整个页面。) 我希望有人能帮我看一下我的源代码。为您的活动样式创建一个css类,而不是您当前在“TV Schedule”(背景:青色;颜色:白色)中使用的内联样式。例如,将该类称为“active” 只需在您的点击处理程序中

我有一个关于我的问题。菜单和子菜单被切换,我正在使用同位素。我想知道是否有可能改变刚刚点击的链接的样式。由于这一切都发生在一个页面中,因此解决此问题的其他解决方案不起作用

我也不能上班,可能是因为我必须使用多个开关。(+我的电视时间表页面增加了复杂性,因为它基本上是一个开关内的整个页面。)


我希望有人能帮我看一下我的源代码。

为您的活动样式创建一个css类,而不是您当前在“TV Schedule”(背景:青色;颜色:白色)中使用的内联样式。例如,将该类称为“active”

只需在您的点击处理程序中添加和删除这个类,您已经使用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;
});
第一行穿过并将其从该块中的所有a标记(如果存在)中移除。下一个将其添加到单击的一个


我通常就是这样做的。它独立于同位素——只需使用已有的jquery即可。

它似乎在添加类。您是否将活动类添加到css并设置其样式?.sort a.active-它需要与应用于该元素的其他css一样具体以覆盖它。嗯,当我这样做时,链接停止工作。。(很抱歉打扰您,谢谢您到目前为止的帮助!)如果我更改“$('.sort a'),链接仍然有效(切换有效,同位素无效)。单击(function(){”到“$('.sort a.active')。单击(function(){”但背景也没有更改。使其适用于其中一个子菜单!(.daynav)谢谢!