标签不适用于移动设备

Question

我有一个页面，当您点击不同的标签时，我使用javascript来更改内容。它在桌面上完美运行，但它不能在移动设备上运行。

这是网站 - http://pt6-dev.info/donate-now/

这是我的Javascript -

function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
}
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
}
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it


window.onload=function(){
document.getElementById("defaultOpen").click();
};

我真的很感激任何帮助！谢谢！！！

Answer 1

问题在于方块。它是一个锚标签。实际上，桌面和移动设备之间没有区别，因为点击正方形会重新加载页面。我不明白为什么它会作为锚标记。您可以将其设为<div>并将cursor: pointer;放在其上。