jquery - 如何使下拉菜单在移动设备中工作？

Question

你可以在这里看到现场直播。我想让下拉菜单在移动设备上工作。换句话说，当点击菜单时，将显示子菜单，如果用户点击除主菜单之外的任何区域，其中包含子菜单，子菜单将不可见。

PS。JavaScript 已经嵌入在标题部分中。随意看看。

Answer 1

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

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

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

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