prevendDefault无法在iPhone上运行

Question

我的网上有一些按钮。当我点击它们时会出现一个文本。这适用于Android的计算机版本，但不适用于iPhone（它会将我带到网络的顶端）。

这是我正在使用的代码：

<script type="text/javascript">
  $(document).ready(function(event) {
    $('#btn-servicios-1').click(mostrarServicios1);
    $('#cerrar-servicios-1').click(cerrarServicios1);
    $('#btn-servicios-2').click(mostrarServicios2);
    $('#cerrar-servicios-2').click(cerrarServicios2);
    $('#btn-servicios-3').click(mostrarServicios3);
    $('#cerrar-servicios-3').click(cerrarServicios3);
    $('#btn-servicios-4').click(mostrarServicios4);
    $('#cerrar-servicios-4').click(cerrarServicios4);
  });

  function cerrarServicios1(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-1").hide();
    return false;
  }

  function mostrarServicios1(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-1").css("display", "-webkit-box");
    $("#contenido-servicios-1").css("display", "-ms-flexbox");
    $("#contenido-servicios-1").css("display", "-webkit-flex");
    $("#contenido-servicios-1").css("display", "flex");
    $("#contenido-servicios-1").css("flex-wrap", "wrap");
    return false;
  }

  function cerrarServicios2(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-2").hide();
    return false;
  }

  function mostrarServicios2(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-2").css("display", "-webkit-box");
    $("#contenido-servicios-2").css("display", "-ms-flexbox");
    $("#contenido-servicios-2").css("display", "-webkit-flex");
    $("#contenido-servicios-2").css("display", "flex");
    $("#contenido-servicios-2").css("flex-wrap", "wrap");
    return false;
  }

  function cerrarServicios3(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-3").hide();
    return false;
  }

  function mostrarServicios3(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-3").css("display", "-webkit-box");
    $("#contenido-servicios-3").css("display", "-ms-flexbox");
    $("#contenido-servicios-3").css("display", "-webkit-flex");
    $("#contenido-servicios-3").css("display", "flex");
    $("#contenido-servicios-3").css("flex-wrap", "wrap");
    return false;
  }

  function cerrarServicios4(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-4").hide();
    return false;
  }

  function mostrarServicios4(event) {
    /*event.preventDefault();*/
    $("#contenido-servicios-4").css("display", "-webkit-box");
    $("#contenido-servicios-4").css("display", "-ms-flexbox");
    $("#contenido-servicios-4").css("display", "-webkit-flex");
    $("#contenido-servicios-4").css("display", "flex");
    $("#contenido-servicios-4").css("flex-wrap", "wrap");
    return false;
  }

</script>

这是按钮（我发布一个，都有相同的代码）：

<li style="">
    <a id="btn-servicios-1" href="#">
        <span style="display: block;" class="animated flipInY">Unifamiliar</span>
    </a>

    <div id="contenido-servicios-1" class="contenido-servicios text-center">
        Some text.
        <div id="cerrar-servicios-1" class="boton-cerrar-servicios">X</div>
                    </div>

                  </li>

我使用'preventDefault'和'return：false;'进行了测试，但是没有用。

PD：在iPhone中，如果您以“桌面模式”加载网络，则可以正常工作（但不能处于“正常”模式）。

抱歉我的英文。