與平板電腦上的父級鏈接問題的下拉菜單

Question

我有一個菜單，包含所有鏈接的父項目以及可以使用的子項目和子項目：懸停以打開下拉子項目。

每個項目（父母和孩子）也鏈接。一切正常的桌面很好，因爲在鼠標懸停下拉打開父項目，我可以選擇點擊父項目鏈接或隨鼠標懸停出現的下拉菜單中的一個。

問題出在平板設備上。在這種情況下，如果我點擊父項，那麼它只是將我重定向到此菜單項的鏈接，而不是使用子項打開下拉菜單。

因此，對於平板電腦我會對父母雙擊（以及子家長）：第一次輕觸的父項打開下拉列表，第二次敲擊總是在父項觸發它的鏈接。

在此先感謝。

Answer 1

懸停功能只能在桌面上使用。對於標籤和手機必須通過使用jQuery/JavaScript的

示例使用點擊功能：

<style> 
    li ul{display:none;} 
</style> 

<ul class="parent"> 
    <li> 
     <a href="#">Home</a> 
     <ul class="child"> 
      <li>Home1</li> 
      <li>Home2</li> 
      <li>Home3</li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">About</a> 
     <ul class="child"> 
      <li>About1</li> 
      <li>About2</li> 
      <li>About3</li> 
     </ul> 
    </li> 
</ul> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("ul li").click(function(){ 
     $(".child").hide(); 
     $(this).find(".child").show(); 
    }); 
}); 
</script>