数字音频工作站(DAW)开发：同行列Dropzone音频切换需两次点击才能播放的问题求助

大家好，我现在正在开发一款数字音频工作站（DAW），不过在元素交互这块遇到了个头疼的问题，想请各位帮忙看看！

我想实现这样一个功能：在同一行里，如果某个dropzone正在播放音频，点击这一行的另一个dropzone时，应该立刻停止当前播放的音频，同时启动刚点击的这个dropzone的音频。但现在实际情况是，我得点两次才能让新的dropzone播放——第一次点击会停止之前的音频，第二次点击才会播放当前的。我实在搞不懂为什么会这样😅

我把目前的代码贴在下面了，麻烦各位大佬帮我看看问题出在哪，提前谢谢大家的解答和帮助啦！

const dropzones = document.getElementsByClassName("loop-cell");
const rowPlayingAudio = {};

Array.from(dropzones).forEach((dropzone, index) => {
  let audio = null;
  let isPlaying = false; // 推测未写完的变量定义
  // 后续点击事件逻辑（未完整贴出）
});

备注：内容来源于stack exchange，提问作者Gwen