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（）需要放在代碼的開頭。 –

回答