Question

点击＆＃34;菜单＆＃34;使用鼠标，菜单项是可见的，我可以单击列表中的任何链接，没有任何问题。

当我在＆＃34;菜单＆＃34;上使用点击手势（触摸屏）时，菜单项变为可见但是...项目需要2次点击才能显示href和＆＃34;菜单＆＃34;突出显示。

我知道这可能与传播有关（或没有）但是我已经尝试了jquery的click事件而没有运气。此外，href是本地文件，因此我不想在jquery点击事件中导航到它们。

$("#item1").click(function(event) {
event.stopPropagation();
});


<li aria-haspopup="true"><span class="dir">Menu</span>
  <ul>
    <li id="#item1"><a href="../listItem1.html">listItem1</a></li>
    <li><a href="../listItem2.html">listItem2</a></li>
    <li><a href="../listItem3.html">listItem3</a></li>
  </ul>
</li>

Answer 1

尝试以下方法：

$("#group li").click(function(event) {
  alert('do stuf with click');
  event.preventDefault();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li aria-haspopup="true" id="group"><span class="dir">Menu</span>
  <ul>
    <li><a href="../listItem1.html">listItem1</a></li>
    <li><a href="../listItem2.html">listItem2</a></li>
    <li><a href="../listItem3.html">listItem3</a></li>
  </ul>
</li>

李攻击需要两次点击才能解雇href

1 个答案: