Javascript 转换端的jQuery更改id

我有一个简短的jQuery函数，负责更改背景。问题是，如果我再次单击该按钮，它只会跳过整个转换并开始下一个转换。我想在这里做的是更改按钮id，直到转换结束，这样用户就不能跳过它

JS

CSS

---

您甚至不需要jQuery，只需将以下代码添加到

元素中的文件中即可：

document.getElementById（'this'）.id='changed'

删除代码中的#。但是逻辑不正确还有很多其他方法可以禁用元素，然后更改id。为什么要更改按钮的id。这是一个糟糕的做法。嗯，这只是我想到的第一件事，如果你知道更好的方法，我很高兴听到他们。是的，这就是我想要的！可悲的是，它不会像我想的那样工作，我必须找到一个合适的方法来做到这一点。
function changeBackground(div, arrowLeft, arrowRight, array, i){
  $(arrowLeft).attr("id", "#arrow-left-wait");
  $(arrowRight).attr("id", "#arrow-right-wait");
  $(div).css("background-image", `url(img/${backgrounds[i]})`);
  $(div).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',
  function(){
    $("#arrow-left-wait").attr("id", arrowLeft);
    $("#arrow-right-wait").attr("id", arrowRight);
  });
  return;
}

.text{
  min-height: 500px;
  background-image: url("../img/background_1.jpg");
  background-size: cover;
  text-align: center;
  color: white;
  transition: background-image 1500ms ease-in;
  -webkit-transition: background-image 1500ms ease-in;
  -ms-transition: background-image 1500ms ease-in;;
}