Javascript 转换时禁用所有按钮-之后再次启用所有按钮

由于误解，编辑了整个问题[11:11,24-02-2019]

首先，当按下按钮时，将发生转换

现在，我想在按下按钮并发生转换时禁用所有按钮。转换完成后，应再次启用所有按钮

下面是一段视频，解释我的问题：

Javascript：（有两种类型的按钮）

问题 正如您在这里所看到的，发生这种情况是因为您可以在转换完成之前再次单击任何按钮，卡会错位

转换完成后，卡会对齐错误，您可以看到两张不同的卡，如本例所示：这是我希望避免的情况

这是一把完整的小提琴。玩弄它；你能解决它吗？

---

我建议您将JSFIDLE视图设置更改为以下内容：

---

您可以使用设置超时功能，等待两秒钟以完成转换，然后重新启用按钮，如下面的代码所示

$("button").click(() => {
  $("left-btn").prop("disabled", true);
  $("right-btn").prop("disabled", true);

  setTimeout( () => {
    $("left-btn").prop("disabled", false);
    $("right-btn").prop("disabled", false);
  },2000);
});

这将禁用页面上的所有按钮，直到完成转换

---

您可以在此处查看小提琴：

请将此网站上最新的小提琴以a的形式发布。是吗？嗯。。。我不知道该说什么。转到链接并阅读。OP（原创海报，就是你）需要在这个网站上发布一篇文章。指向实时演示的链接不计算在内。这是因为链接停止了，如果它们停止了，读者只会看到一个代码不完整或根本没有代码的问题。让我们看看你的帖子中显示的代码：

部分：第n个孩子（1）

在没有看到HTML的情况下，选择器对读者来说有什么意义？

$("button").click(() => {
  $("left-btn").prop("disabled", true);
  $("right-btn").prop("disabled", true);

  setTimeout( () => {
    $("left-btn").prop("disabled", false);
    $("right-btn").prop("disabled", false);
  },2000);
});