HTML5自適應導航問題

Question

jsfiddle代碼在這里

因此，當屏幕寬度大於580像素時，它需要在鼠標懸停時工作，並且可以。 如果屏幕寬度小於580像素，則必須單擊鏈接以顯示子鏈接。 例如，如果你看的jsfiddle碼並點擊portfolio的子菜單的打開，但這些潛艇里面還有其他的潛艇，例如工作有兩個子菜單的- >實習和自由職業者。 問題是，在移動視圖portfolio ，單擊時可以使用，但是子菜單在鼠標懸停時起作用，但是它們也需要在單擊視圖中，如果您在屏幕上的其他位置單擊，則它們需要消失。

在jQuery中，我已經測試過：

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

和

if (screen.width < 580) { } 

在這些里面我有.click函數，但是不起作用？

有人可以幫我嗎？ 謝謝

Answer 1

不要使用JavaScript或jQuery。 請改用CSS3媒體資源 。