classList.add（）将类添加到元素，但是会立即被删除，我不知道为什么？

Question

在检查时，我可以看到active类已添加到clicked元素中，但立即被删除。 active是语义UI的类

var navbarItems = document.querySelectorAll(".item");
for (var i = 0; i < navbarItems.length; i++) {
  navbarItems[i].addEventListener("click", function() {
    this.classList.add("active");
  });
}

.active { color: #C00; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="item" href="/">Home</a>