页面加载时Mixitup插件的Starter筛选按钮无法激活求助

你手动给Starters按钮添加mixitup-control-active类不生效的原因是：Mixitup插件初始化时会自主管理控制按钮的激活状态，手动添加的类不会触发插件的筛选逻辑，甚至会被插件初始化时的状态覆盖。

下面是两种可行的解决方法：

方法一：初始化时配置初始筛选器 #

在Mixitup初始化参数中，通过load.filter指定页面加载时默认筛选的分类，插件会自动激活对应的按钮并完成内容筛选：

修改你的JavaScript代码：

$(document).ready(function(){
  var mixer = mixitup('.box-list', {
    load: {
      filter: '.starter' // 设置初始筛选为starter分类
    }
  });
});

同时移除HTML中手动添加的mixitup-control-active类，让插件自动管理激活状态：

<li data-filter=".starter">Starters</li>

方法二：初始化后触发按钮点击 #

如果不想修改初始化配置，也可以在插件初始化完成后，手动触发目标按钮的点击事件，插件会自动处理激活状态和内容筛选：

$(document).ready(function(){
  var mixer = mixitup('.box-list');
  // 初始化完成后触发Starters按钮的点击
  $('li[data-filter=".starter"]').trigger('click');
});

同样需要移除HTML中手动添加的mixitup-control-active类。

这两种方法都能实现页面加载时自动激活Starters筛选按钮并展示对应内容的效果。

内容的提问来源于stack exchange，提问作者ziffos