HTML5响应式导航问题

时间:2013-06-27 17:04:53

标签: javascript jquery html5 css3 onclick

jsfiddle code here

所以当屏幕是> 580像素的宽度,它需要在鼠标悬停时工作,它确实如此。 如果屏幕是<宽度为580像素,您必须单击链接才能显示子链接。 例如,如果您查看jsfiddle code 并点击portfolio,子菜单将会打开,但在这些子菜单中还有其他潜水艇,例如工作有两个子菜单 - >实习和自由职业者。问题是,在移动视图portfolio处理点击,但子菜单的鼠标悬停工作,但他们也需要在点击视图上,如果你点击屏幕上的其他地方,他们需要消失。

在jQuery中我测试过:

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

if (screen.width < 580) { } 

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

有人可以帮帮我吗? 感谢

1 个答案:

答案 0 :(得分:1)

不要使用JavaScript或jQuery。请改用CSS3 media quires