我来帮你排查下问题哈！你的代码有两个关键问题导致按钮始终处于禁用状态，咱们一步步修正：

1. 错误的状态检查方式 #

你用$("#aslide").attr("swiper-slide-active")来判断首张滑块是否激活，但swiper-slide-active是CSS类名，不是元素的HTML属性。attr()方法是用来获取id、src这类原生HTML属性的，对于类名，应该用hasClass()方法来检查。

原代码中attr()会返回undefined（因为不存在这个属性），所以会直接进入else分支，按钮一直被设置为禁用状态。

2. 缺少滑块切换的事件监听 #

你的代码只在某个时刻执行一次，但滑块切换后，按钮状态不会自动更新。我们需要监听Swiper的slideChange事件，每次滑块切换时重新检查状态并更新按钮。

修正后的完整代码 #

第一步：确保正确初始化Swiper实例 #

先确认你已经正确初始化了Swiper（如果还没初始化，补充这段代码）：

// 替换成你的Swiper容器选择器，比如#swiper-container
const swiper = new Swiper('#swiper-container', {
  // 你的Swiper配置项，示例：
  direction: 'horizontal',
  loop: false, // 如果开启loop循环模式，首张滑块的判断逻辑需要调整
  // 其他配置...
});

第二步：编写状态更新函数 #

// 封装检查并更新按钮状态的函数
function updateAcceptBtnState() {
  // 检查首张滑块是否拥有激活类
  const isFirstSlideActive = $('#aslide').hasClass('swiper-slide-active');
  // 用prop()设置disabled属性：当不是首张激活时禁用按钮
  $('#acceptbtn').prop('disabled', !isFirstSlideActive);
}

第三步：绑定事件并初始化状态 #

$(document).ready(function() {
  // 页面加载完成后，先执行一次状态检查
  updateAcceptBtnState();
  
  // 监听Swiper的滑块切换事件，每次切换后更新按钮状态
  swiper.on('slideChange', function() {
    updateAcceptBtnState();
  });
});

额外说明（针对循环模式） #

如果你的Swiper开启了loop（循环模式），首张滑块的判断会更复杂，因为循环模式下Swiper会自动复制滑块。这种情况下，你可以通过Swiper实例的activeIndex来判断：

// 循环模式下的状态检查函数
function updateAcceptBtnState() {
  // 真实的首张滑块索引是0（loop模式下activeIndex会有偏移）
  const isFirstSlideActive = swiper.activeIndex === 0;
  $('#acceptbtn').prop('disabled', !isFirstSlideActive);
}

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