在第一次点击运行 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)');
});