Javascript / Jquery幻灯片菜单在Chrome

Question

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

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

Answer 1

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

将此添加到您的样式中：

span.Burger{ display: inline-block; }

Answer 2

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