如何使下拉菜單在移動設備上工作？

Question

You can see live site here。我想讓下拉菜單在移動設備上工作。換句話說，當點擊菜單時，子菜單將顯示，並且如果用戶點擊除具有子菜單的主菜單以外的任何區域，子菜單將不可見。

PS。 JavaScript已經嵌入在標題部分。隨意看看它。

Answer 1

嘗試綁定「點擊」功能打開/關閉菜單，在這種情況下，它們將保持打開狀態直到下一次單擊。

或者你可以使用jQuery來做到這一點，使用slideToggle函數。

$('#jsddm > li').click(function(e){ 
e.preventDefault(); 
$(ddmenuitem).slideToggle(); 
}) 

無論如何，我建議你使用一個響應模板 - 可能是最好的之一可能是骨架網格（很容易找到谷歌，且易於使用），將您的模板適應所有的屏幕分辨率。 看看吧！ Cheers Marco