У меня есть следующий код, который работает нормально на IPad, он позволяет посетителю щелкнуть ссылку, которая показывает подменю, а затем снова щелкнуть ссылку, чтобы перейти на родительскую страницу.
$("a.dropdown-toggle").on("touchstart", function(e)
{
"use strict";
var link = $(this);
if (link.hasClass("hover")) {
return true;
} else {
link.addClass("hover");
$("a.dropdown-toggle").not(this).removeClass("hover");
e.preventDefault();
return false;
}
});
Проблема на Samsung S7 Edge, когда вы нажимаете на ссылку, она просто перенаправляет вас прямо на родительскую страницу и не показывает подменю
HTML ниже
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav mx-auto" itemscope="" itemtype="https://schema.org/SiteNavigationElement" id="ul-main">
<li class="nav-item dropdown" role="presentation">
<a id="lnk-2132" href="/about/" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">About</a>
<ul aria-labelledby="dropdownMenu1" class="dropdown-menu border-0 shadow">
<li role="presentation"><a class="dropdown-item" href="/about/nest-tested/">nest tested</a></li>
</ul>
</li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/awards/">Awards</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/careers/">Careers</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/community/">Community</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/contact/">Contact</a></li>
<li class="nav-item dropdown" role="presentation">
<a id="lnk-2136" href="/innovation/" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">Innovation</a>
<ul aria-labelledby="dropdownMenu1" class="dropdown-menu border-0 shadow">
<li role="presentation"><a class="dropdown-item" href="/innovation/innovation-child/">Innovation child</a></li>
</ul>
</li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/news/">News</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/services/">Services</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Search</a> </li>
</ul>
</div>
Может кто-нибудьПомогите определить, что мне не хватает
Спасибо