防止第一次點擊手機下拉菜單

Question

我做了這個小網站：http://www.physiotherapie-im-friedrichshain.de 並意識到子頁面無法導航到手機上，因爲主菜單項在「按下」時直接加載新頁面。

我已經搜索了最近幾個小時，並找不到可行的解決方案。

我怎樣才能防止第一次點擊菜單項與子頁面加載，並使其只是打開子菜單或任何東西？

感謝，

周華健

Answer 1

您可以通過刪除選項卡中的鏈接做到這一點：

例如更換：

<a href="http://www.physiotherapie-im-friedrichshain.de/unser-angebot/">Unser Angebot</a> 

與

<a href="#">Unser Angebot</a> 

如果你想阻止它只有第一次，如BG101建議，然後對.menu-item-has-children點擊您可以保存URL中的自定義屬性，改變href屬性#

<a href-temp="http://www.physiotherapie-im-friedrichshain.de/unser-angebot/" href="#">Unser Angebot</a> 

在最終連續單擊只能交換href-temp和href的值。

Answer 2

儘量結合打開，如果它關閉菜單中單擊處理程序，但打開的，如果它是打開的網頁：你使用的是什麼懸停時顯示的子菜單

$('.submenu_link').on('click', function(event) { 
 
    if (!$(this).next('.submenu').is(':visible')) { 
 
    event.preventDefault(); 
 
    $(this).next('.submenu').show(); 
 
    $(this).next('.submenu').focus(); 
 
    return false; 
 
    } 
 
}); 
 

 
$('.submenu').on('blur', function() { 
 
    $(this).hide(); 
 
});

.submenu { 
 
    display: none; 
 
} 
 

 
.submenu_link { 
 
display: inline-block; 
 
padding: 5px; 
 
background-color: #f5f5f5; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="http://google.com" class="submenu_link">Search Options</a> 
 
<ul class="submenu" tabindex="-1"> 
 
    <li>Advanced Search</li> 
 
    <li>Get Lucky</li> 
 
</ul>