移动菜单:单击父链接可以显示子菜单,但也可以直接转到父页面

时间:2018-09-26 23:38:12

标签: javascript

通常,默认情况下,通常我总是在移动设备上看到,单击父菜单仅显示子菜单,然后再次单击该子菜单将打开URL。但不是在我正在研究的网站上,有什么想法为什么它可能会覆盖默认的浏览器功能并在第一次单击后直接打开父链接?

<nav id="nav">
<ul id="menu-primary-navigation" class="menu">
    <li id="menu-item-30"><a href="/our-services">Services</a>
        <ul class="sub-menu">
            <li id="menu-item-4216" class=""><a href="/service-one">Service 1</a></li>
            <li id="menu-item-4215" class=""><a href="/service-two">Service 2</a></li>
            <li id="menu-item-4217" class=""><a href="/service-three">Service 3</a></li>
        </ul>
    </li>
    <li id="menu-item-1125" class=""><a href="/about">About</a></li>
    <li id="menu-item-1139" class=""><a href="/events">Events</a></li>
</ul></nav>

1 个答案:

答案 0 :(得分:0)

很难说出更多的信息,但是它将尝试下一个更改:

<nav id="nav">
<ul id="menu-primary-navigation" class="menu">
    <li id="menu-item-30"><a>Services</a>
        <ul class="sub-menu">
            <li id="menu-item-4216" class=""><a href="/our-services/service-one">Service 1</a></li>
            <li id="menu-item-4215" class=""><a href="/our-services/service-two">Service 2</a></li>
            <li id="menu-item-4217" class=""><a href="/our-services/service-three">Service 3</a></li>
        </ul>
    </li>
    <li id="menu-item-1125" class=""><a href="/about">About</a></li>
    <li id="menu-item-1139" class=""><a href="/events">Events</a></li>
</ul></nav>