javascript - jQuery，如何让代码始终恢复？

Question

单击一次后，如果我单击不同的元素，代码不会恢复。然后代码就像一键一样工作，我怎样才能使代码始终恢复？如果我单击一次后单击不同的元素，我希望再次单击两次即可恢复代码

var isTouchDevice = (function () {
    return "ontouchstart" in document.documentElement;
}());
if (isTouchDevice) {
    $("ul#primary-menu2 > li.menu-item-has-children2 > a").one("click", function(e) {
        e.preventDefault();
    });
}

Answer 1

您的代码正在使用 .one ，根据设计，它只会执行一次处理程序，然后解除绑定(bind)。如果你把它换成.on它将保持绑定(bind)状态并继续执行以供后续点击。请参阅下面的示例:

$("ul#primary-menu2 > li.menu-item-has-children2 > a").on("click", function(e) {
    console.log('clicked');
    e.preventDefault();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="primary-menu2">
  <li class="menu-item-has-children2"><a>Click me</a></li>
  <li class="menu-item-has-children2"><a>Click me</a></li>
  <li class="menu-item-has-children2"><a>Click me</a></li>
</ul>