Javascript 滑动侧边栏菜单不显示'；我不能在铬上工作

我用那个模板做了菜单

但它只能在firefox/edge/safari（ios）中使用。而且不适用于chrome/opera和其他浏览器

正如我在chrome的debug（F12）菜单中看到的，在滑动js后添加“open sidebar”类，但菜单并没有出现在屏幕上

我做错了什么

$（窗口）.ready（函数（）{
$（“.swipe区域”）.swipe({
swipeStatus：功能（事件、阶段、方向、距离、持续时间、手指）
{
如果（相位=“移动”&方向=“右”）{
$（“.container”）.addClass（“打开边栏”）；
返回false；
}
如果（相位=“移动”&方向=“左”）{
$（“.container”）.removeClass（“打开侧栏”）；
返回false；
}
}
}); 
});
@媒体屏幕和（最小宽度：320px）和（最大宽度：700px）
{
身体，
html{
身高：100%；
保证金：0；
溢出：自动；
字体系列：helvetica；
字号：100；
}
.集装箱{
左侧填充：0px；
位置：固定；
身高：100%；
宽度：100%；
左：0；
-webkit过渡：左0.4s易入易出；
-moz转换：左0.4s缓进输出；
-ms转换：左0.4s易进易出；
-o型过渡：左0.4s缓进输出；
过渡：左0.4s缓进缓出；
}
.集装箱{
位置：粘性；
}
.container.open-sidebar{left:240px；}
.刷卡区{
位置：绝对位置；
宽度：50px；
左：0；
排名：0；
身高：100%；
背景:#f3；
z指数：0；
}
#侧栏：：-webkit滚动条{
身高：0；
宽度：0；
显示：无；
}
#边栏：：-moz滚动条{
显示：无；
}
#边栏{
溢出y：自动；
/*背景：#e0*/
位置：绝对位置；
宽度：240px；
身高：100%；
左：-240px；
框大小：边框框；
-moz框大小：边框框；
}
#边栏ul{
保证金：0；
填充：0；
列表样式类型：方形；
}
#边栏ul li{边距：0；}
#侧栏ul li a{
填充：15px 20px；
字体大小：16px；
字号：100；
颜色：#333；
文字装饰：无；
显示：块；
边框底部：1px实心#C922；
-webkit过渡：背景0.3s轻松输入输出；
-moz转换：背景0.3s轻松输入输出；
-ms转换：背景0.3s轻松输入输出；
-o型过渡：背景0.3s缓进缓出；
过渡：背景0.3s缓进缓出；
}
.主要内容{
宽度：100%；
身高：100%；
填充：10px；
框大小：边框框；
-moz框大小：边框框；
位置：相对位置；
}
.主要内容{
框大小：边框框；
-moz框大小：边框框；
溢出：自动；
左侧填充：60px；
宽度：100%；
}
.main content.content h1{字体大小：100；}
.主要内容{
宽度：100%；
线高：160%；
}
.main content#侧边栏切换{
背景：橙色；
边界半径：3px；
显示：块；
位置：相对位置；
填充：10px 7px；
浮动：左；
}
.main content#侧边栏切换.bar{
显示：块；
宽度：18px；
利润底部：3倍；
高度：2倍；
背景色：#fff；
边界半径：1px；
}
.main content#边栏切换.bar:最后一个子项{margin bottom:0；}
#边栏覆盖{
显示：无；
位置：固定；
//背景：#fff；
不透明度：0.1；
宽度：100%；
身高：100%；
z指数：0；
排名：0；
左：0；
}
.ul_菜单，#侧边栏{
保证金：0；
填充：0；
}
.副导航{
显示：无；
}
#边栏.下拉菜单：悬停{背景：橙色；}
#侧边栏。下拉菜单。副导航{
列表样式：无；
字体：斜体；
背景：#fff；
保证金：0；
填充：0 20px；
}
#侧边栏.下拉列表.子导航li:非（：最后一个子项）{
边框底部：1px实心#EFEF；
}
#侧边栏。下拉菜单。副导航李a{
文字装饰：无；
颜色：黑色；
字体大小：14px；
显示：块；
}
#侧边栏.下拉菜单.子导航LIA:悬停{背景：橙色；}
#侧边栏。下拉。副导航李：第一个孩子{
垫面：1px；
}
}








使用transfrom：


$（窗口）.ready（函数（）{
$（“.swipe区域”）.swipe({
swipeStatus：功能（事件、阶段、方向、距离、持续时间、手指）
{
如果（相位=“移动”&方向=“右”）{
$（“.container”）.addClass（“打开边栏”）；
返回false；
}
如果（相位=“移动”&方向=“左”）{
$（“.container”）.removeClass（“打开侧栏”）；
返回false；
}
}
}); 
});
@媒体屏幕和（最小宽度：320px）和（最大宽度：700px）
{
身体，
html{
身高：100%；
保证金：0；
溢出：自动；
字体系列：helvetica；
字号：100；
}
.集装箱{
左侧填充：0px；
位置：固定；
身高：100%；
宽度：100%；
左：0；
-webkit过渡：0.4s易入易出；
-moz转换：0.4s易入易出转换；
-ms转换：0.4s易进易出转换；
-o型过渡：0.4s易进易出转换；
转换：转换0.4s轻松输入输出；
}
.集装箱{
位置：粘性；
}
.container.open-sidebar{transform:translate（240px，0）；}
.刷卡区{
位置：绝对位置；
宽度：50px；
左：0；
排名：0；
身高：100%；
背景:#f3；
z指数：0；
}
#侧栏：：-webkit滚动条{
身高：0；
宽度：0；
显示：无；
}
#边栏：：-moz滚动条{
显示：无；
}
#边栏{
溢出y：自动；
/*背景：#e0*/
位置：绝对位置；
宽度：240px；
身高：100%；
左：-240px；
框大小：边框框；
-moz框大小：边框框；
}
#边栏ul{
保证金：0；
填充：0；
列表样式类型：squ