首次运行javascript：void（0）后替换链接

Question

以下代码通常包含在if语句中以检查浏览器是否在移动设备上，如果是，那么当您单击主菜单链接时它会停止href，隐藏当前导航栏链接，然后添加新的一个。这允许下拉菜单保持不变，您可以再次单击主菜单链接，以便href工作。问题是你只能这样做一次。在第一次单击并运行javascript：void（0）并更新链接后，我无法阻止href转到其原始位置。我需要javascript：void（0）在每次链接的第一次点击时运行，并在第二次点击链接时将您重定向到相应的页面。

$(document).ready(function(){
  $('.mobile-device > a').click(function(){
    $(this).attr('href', 'javascript:void(0)');
  });
});

$(document).ready(function(){
  $('.mobile-device > a').click(function(){
    $('.testing-a').css('display','block');
      $('.testing-this').css('display','none')
  }); 
});

Answer 1

在这种情况下使用preventDefault()。

示例::

$('.mobile-device > a').click(function(evt){
   evt.preventDefault();
   $(this).attr('href', 'javascript:void(0)');
});