Javascript/jquery滑动菜单在Chrome中不起作用

我一直在网站上工作，当在VM上测试它时，滑动菜单无法正常工作。我已经设法在较新版本的Chrome中复制错误页面为 http://paperfromabc2xyz.co.uk/Javascript/jquery滑动菜单在Chrome中不起作用

当您缩小足够小的屏幕尺寸以松开主菜单时，您会看到一个NAV Burger图标。点击这个应该在滑动的菜单。JavaScript文件是“App.JS”

2015-08-17 Thomh

的点击并不会被抓住，不知何故，因为跨度没有尺寸（:before元素不展开）。

添加到您的风格：

span.Burger{ display: inline-block; }

2015-08-17 21:51:00 blex

似乎这样的伎俩，但确实长的白色栏添加到页面的顶部，并把左边和右边的酒吧了到页面顶部... – Thomh

@Thomh对不起，我没有看到你指的是什么？对于我来说，在Chrome和Firefox上，页面是完全相同的，唯一的区别是它可以工作。（没有白条，滚动条已占用整个页面高度）。 – blex

忽略我最后的评论。用一些额外的CSS来修复它。谢谢您的帮助。真的很感谢它 – Thomh

一开始使用库在jQuery简化代码;然后把你的JavaScript代码在$(document).ready(function() {}然后再加入到你的CSS：span.Burger{ display: inline-block; }

2015-08-17 21:53:13

他已经在为此使用jQuery和'$（document）.ready（）'。 http://paperfromabc2xyz.co.uk/app.js – blex

对不起，伙计Blexy已经称为显示CSS。我准备加载jQuery和准备好文档：S – Thomh

对不起，没有仔细看，但无论如何$（document）.ready（）需要放在代码的开头。 –

回答