Нажатие левой кнопкой мыши требует двух щелчков для стрельбы. Href

Question

При нажатии «Меню» мышью элементы меню видны, и я могу без проблем щелкнуть любую из ссылок в списке.

Когда я использую жестов касания (сенсорный экран) в «Меню», элементы меню становятся видимыми, но ... элементы имеют 2 щелчка, чтобы отобразить href, и «Меню» будет выделено.

Я знаю, что это может иметь какое-то отношение к распространению (или нет), но я пробовал событие click с jquery без везения. Также hrefs являются локальными файлами, поэтому я не хочу перемещаться по ним в событии click 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>