如何在移动设备中使用下拉菜单？

Question

You can see live site here。我想让下拉菜单在移动设备上运行。换句话说，当点击菜单时，子菜单将显示，如果用户点击除主菜单内的任何区域，子菜单将不可见。

PS。 JavaScript已嵌入标题部分。随意看看它。

Answer 1

尝试绑定“点击”功能以打开/关闭菜单，在这种情况下，它们将保持打开状态，直到下一次点击。

或者您可以使用jquery来执行此操作，使用slideToggle函数。

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

无论如何，我建议你使用一个响应式模板 - 最好的一个可能是Skeleton Grid（易于在Google上找到，并且易于使用），它将使你的模板适应所有的屏幕分辨率。 看看吧！ 干杯 马可