Javascript / Jquery幻灯片菜单在Chrome

时间:2015-08-17 21:44:59

标签: javascript jquery html css google-chrome

我一直在网站上工作,当在虚拟机上测试时,幻灯片菜单不起作用。我已经设法在较新版本的Chrome中复制错误页面是 http://paperfromabc2xyz.co.uk/

当您将屏幕尺寸缩小到足以松开主菜单时,您将获得NAV Burger图标。单击此滑入菜单.Javascript文件为'App.JS'

2 个答案:

答案 0 :(得分:1)

点击不会被捕获,不知何故因为跨度没有维度(:before元素不会扩展它)。

将此添加到您的样式中:

span.Burger{ display: inline-block; }

答案 1 :(得分:0)

开始时使用库作为Jquery来简化代码;然后将您的javascript代码放在$(document).ready(function () {}中,然后添加到您的css:span.Burger{ display: inline-block; }