如何在Bootsrap3非真实链接（<；a href="；#…"；/>；）上禁用链接（<；a>；）上的Javascript操作？

我的网站上有一个

标签，当你点击一个链接（任何链接）时，这个脚本会显示一个加载器

代码如下：

window.onload = function(){
  var loading = document.getElementById("loading");
  var elements = document.querySelectorAll("a");

  function showLoading(){
      loading.style.display = "block";
  }

  for(var i = 0; i < elements.length; i++){
      elements[i].addEventListener("click",showLoading);
  }
}

window.onload=function（）{
var加载=document.getElementById（“加载”）；
var元素=document.querySelectorAll（“a”）；
函数showLoading（）{
loading.style.display=“block”；
}
对于（var i=0；i

问题：在非真实链接上，如Bootstrap3上的“选项卡”或“下拉列表”，加载仍在运行。我怎样才能避免这种情况？（使用常规

.class

或类似的方法？

根据，您现在可以使用按钮而不是链接，如下所示：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
    <button class="dropdown-item" type="button">Action</button>
    <button class="dropdown-item" type="button">Another action</button>
    <button class="dropdown-item" type="button">Something else here</button>
  </div>
</div>

下拉列表
行动
另一个动作
还有别的吗

---

或者，您可以指定

let elements=document.querySelectorAll（“a:not（.class-all-inactive-links-share”）

使用此jquery禁用这些锚定标记怎么样

$('#anchor_tag').attr("disabled", true);

---

谢谢你的回答，你能用代码编辑吗？我对js一点也不在行…谢谢Answare Jordan。我们仍然使用Bootstrap3，它应该可以正常工作。。？我们应该在哪里添加代码行？不熟悉js，抱歉……不幸的是，使用Bootstrap v3，下拉菜单必须是链接——它们不能是按钮。这是v4的一个新特性。我上面提供的链接指向使用按钮而不是链接的示例，但同样，这只是v4版本。那么，为什么不为此使用单独的类呢？正如您已经建议的那样，为什么不试试看会发生什么呢？因为这不是我的代码，我是一个Rails后端开发人员，没有Javascript技能……：'(