0

jsfiddle代码在这里

因此,当屏幕宽度 > 580 px 时,它需要在鼠标悬停时工作,并且确实如此。如果屏幕宽度 < 580 px,您必须单击一个链接才能显示子链接。例如,如果您查看jsfiddle 代码并单击portfolio子菜单将打开,但在这些子菜单中还有其他子菜单,例如工作有两个子菜单 -> 实习和自由职业。问题是,在移动视图portfolio中,单击时可以使用,但子菜单在鼠标悬停时可以使用,但它们也需要在单击视图中,如果您单击屏幕上的其他位置,它们需要消失。

在 jQuery 中我测试过:

if (document.documentElement.clientWidth < 580) { }

if (screen.width < 580) { } 

在这些里面我有 .click 功能,但它不起作用?

有人可以帮我吗?谢谢

4

1 回答 1

1

不要使用 JavaScript 或 jQuery。改用CSS3 媒体查询

于 2013-06-27T17:47:28.770 回答