javascript - JavaScript：点击链接没有切换

Question

标签： javascripttoggle

Answer 1

不确定我是否理解您的问题，但您可能正在寻找类似的内容：在您的 HTML 中，添加您的链接，例如

<a href="#!" onclick = "doNotToggle()"> My Link </a>

在你的 JS 中

var toggle = true;

function doNotToggle() {
    toggle = false;
}

var works = document.querySelector('#works');
var cross_one = document.querySelector('#cross_one');
var works_navigation = document.querySelector('#works_navigation');
works.addEventListener('click', function (event) {
      if (toggle) {
          if (cross_one.style.display == "") {
              cross_one.style.display = "none";
              works_navigation.style.display = "block";
          } else {
              cross_one.style.display = "";
              works_navigation.style.display = "none";
          }
      }
});

并单击您的链接将阻止您的 eventListener 函数执行任何操作。