SumoSelect v3.0.3安卓端关闭事件失效问题求助

我之前也碰到过SumoSelect在移动端的事件兼容坑，针对你说的安卓端关闭选择框时alert（或自定义函数）没反应的情况，给你几个实用的解决思路：

1. 先回退到v3.0.2版本验证 #

你怀疑v3.0.2能解决这个问题完全合理——大概率是v3.0.3在移动端的事件绑定逻辑上引入了bug。直接把项目里的SumoSelect JS/CSS替换成v3.0.2的版本，再测安卓端的关闭事件，能最快验证这个猜想。如果回退后问题解决，那暂时可以先用旧版本，等官方修复v3.0.3的移动端兼容问题再升级。

2. 手动绑定关闭事件的替代方案 #

如果不想回退版本，我们可以绕开官方事件，手动监听两种关闭场景：

• 点击SumoSelect自带的关闭按钮
• 点击页面其他区域触发下拉框关闭

代码示例如下：

// 初始化SumoSelect并获取实例
const sumoInstance = $('.your-select-element').SumoSelect()[0];

// 监听关闭按钮点击
$('.SelectBox-close').on('click', function() {
  yourCustomFunction(); // 执行你的自定义逻辑
});

// 监听页面外部点击，处理下拉框关闭
$(document).on('click', function(e) {
  // 判断点击区域不在SumoSelect容器内，且下拉框处于打开状态
  if (!$(e.target).closest('.SumoSelect').length && sumoInstance.isOpen()) {
    sumoInstance.close(); // 主动关闭下拉框
    yourCustomFunction(); // 触发自定义函数
  }
});

// 自定义函数示例
function yourCustomFunction() {
  alert('Drop down closed!');
}

这段代码同时覆盖了两种关闭场景，能确保安卓端和桌面端都能触发你的逻辑。

3. 检查官方事件的正确绑定方式 #

确认你是否用对了SumoSelect官方的close事件绑定，正确写法应该是：

$('.your-select-element').on('sumo:close', function() {
  alert('Drop down closed!');
  yourCustomFunction();
});

如果v3.0.3的这个事件在安卓端确实失效，那上面的手动绑定方案就是靠谱的替代。

内容的提问来源于stack exchange，提问作者Lajdák Marek