jsfiddle code here
因此，当屏幕宽度大于580像素时，它需要在鼠标悬停时工作，并且可以。
如果屏幕宽度小于580像素，则必须单击链接以显示子链接。
例如，如果您查看jsfiddle code 并单击portfolio，将打开子菜单，但是在这些子菜单中还有其他子菜单，例如，工作有两个子菜单->实习和自由职业者。问题是，在移动视图中，portfolio可以在单击时使用，但是子菜单在鼠标悬停时可以使用，但是它们也需要在单击视图上，如果您在屏幕上的其他位置单击，则它们需要消失。
在jQuery中，我已经测试过：
if (document.documentElement.clientWidth < 580) { }
和
if (screen.width < 580) { }
在这些里面，我有.click函数，但是不起作用？
有人可以帮我吗？
谢谢
最佳答案
不要使用JavaScript或jQuery。请使用CSS3 media quires。