链接仅适用于移动设备而非桌面设备

时间:2017-10-23 18:56:56

标签: javascript html twitter-bootstrap hyperlink modernizr

我网站的链接仅适用于移动设备,但当我通过桌面访问时,没有任何链接正常工作;网址会发生变化但实际上并没有进入链接,除非我点击地址栏并按回车键。

我没有在控制台中出现任何错误,当我运行ax来分析网站时,一切都恢复了良好。

<nav class="cb-navbar">
<div class="cb-container">
  <div class="cb-navbar-inner">
    <div class="cb-navbar-left">
      <a href="index.html" class="cb-navbar-back">
        <i class="cb-icon -long-arrow-left"></i>
      </a>
      <a href="index.html" class="cb-navbar-logo"></a>
    </div>
    <div class="cb-navbar-right">
      <div class="cb-navbar-nav">
        <a href="/services/index.html" id="navbar-services" class="cb-navbar-nav-item">
                <span class="cb-navbar-nav-item-icon">
                    <i class="cb-icon -cog"></i>
                </span>
          <span class="cb-navbar-nav-item-text">Services</span>
        </a>
        <a href="/projects/index.html" id="navbar-projects" class="cb-navbar-nav-item">
                <span class="cb-navbar-nav-item-icon">
                    <i class="cb-icon -bars"></i>
                </span>
          <span class="cb-navbar-nav-item-text">Projects</span>
        </a>
        <a href="/contacts/index.html" onclick="yaCounter.reachGoal('contacts')" id="navbar-contacts" class="cb-navbar-nav-item">
                <span class="cb-navbar-nav-item-icon">
                    <i class="cb-icon -contacts"></i>
                </span>
          <span class="cb-navbar-nav-item-text">Contacts</span>
        </a>
      </div>
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:-1)

你可以发布整个文件吗?根据您发布的内容,我将其复制到正在运行的应用程序中并替换了导航栏,这些链接既可以移动也可以在桌面上运行。

但是你缺少一个结束标记,不确定你是否关闭了可能导致问题的结果。