Javascript Slicebox没有显示任何错误，但屏幕上仍然没有显示任何内容

代码在开发人员模式下没有显示任何错误，但仍然不工作。 我是从你那儿拿的

如果你发现任何错误，请帮助我。代码与视频中的代码完全相同，但我认为可能存在一些错误，或者可能需要一些额外的文件

此外，如果你知道如何学习slicebox，或有任何来源，请分享

切片图像滑块
某人{
利润率：10px自动；
位置：相对位置；
溢出：隐藏；
宽度：100%；
列表样式：无；
填充：0；
}
李某{
保证金：0；
填充：0；
显示：无；
}
某人，某人{
大纲：无；
}
例如：某人{
边界：无；
}
某人{
最大宽度：100%；
显示：块；
}
对某人的描述{
填充：20px；
底部：10px；
左：10px；
右：10px；
z指数：2000；
位置：绝对位置；
背景：cbbfae；
背景：rgba（190176155.4）；
左边框：4倍实心rgba（255255,0.7）；
-ms过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
过滤器：alpha（不透明度：=0）；
不透明度：0；
颜色：白色；
过渡：所有200ms；
}
sb滑块li.sb-当前sb描述{
-ms过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=80）；
过滤器：α（不透明度=80）；
不透明度：1；
}
.sb滑块li.sb-当前.sb说明：悬停{
-ms过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=99）；
过滤器：alpha（不透明度=99）；
背景：rgb（190176155.7）；
}
对某人的看法{
位置：相对位置；
}
某人的观点>部门{
位置：绝对位置；
变换样式：保留-3d；
背面可见性：隐藏；
} 
使某人滑倒{
保证金：0；
显示：块；
位置：绝对位置；
变换样式：保留-3d；
}
.集装箱{
利润率：30像素；
}
.影子{
宽度：100%；
高度：168px；
位置：相对位置；
利润上限：-100px；
背景：url（'slicebox/images/shadow.png'）100%100%；
z指数：-1；
显示：无；
}
.某人描述h3{
字体大小：20px；
文本阴影：1px1px1pRGBA（0,0,0,3）；
}
.sb描述h3 a{
颜色：#4a3c27；
文本阴影：0px 1px 1px rgba（0,0,0,5）；
}
.导航箭头{
显示：无；
}
.导航箭头a{
宽度：42px；
高度：42px；
背景：#cbbfae url（'jw.png'）不重复左上角；
位置：绝对位置；
最高：50%；
左：2px；
文本缩进：-9000px；
光标：指针；
利润上限：-21px；
不透明度：0.9；
边界半径：50%；
盒影：0 1px 1px rgba（255255255,0.8）；
}
a：第一个孩子{
左：自动；
右：2px；
背景位置：右上角；
}
.导航a:悬停{
不透明度：1；
}
.导航点{
文本对齐：居中；
位置：绝对位置；
底部：-5px；
高度：30px；
宽度：100%；
左：0；
显示：无；
}
.导航点跨度{
显示：内联块；
宽度：16px；
高度：16px；
边界半径：50%；
保证金：3倍；
背景：cbbfae；
光标：指针；
盒影：0 1px 1px rgba（255255255,0.6）
插图0 1px 1px rgba（255255255,0.1）；
}
.导航点跨度.导航点电流{
长方体阴影：0 1px 1px rgba（255255255,0.6）嵌入0 1px 1px rgba（255255255,0.1）
插图0 8px rgba（255255255,1）
}
.导航选项{
宽度：70px；
高度：30px；
位置：绝对位置；
右：70px；
底部：0px；
显示：无；
}
.导航选项范围{
宽度：30px；
高度：30px；
背景：#cbbfae url（'jw.png'）不重复左上角；
文本缩进：-9000px；
光标：指针；
不透明度：0.7；
显示：内联块；
边界半径：50%；
}
.导航选项范围：第一个孩子{
背景：-30px 0px；
右边距：3倍；
}
.导航选项范围：悬停{
不透明度：1；
}












美丽的家庭


美丽的家庭


美丽的家庭


美丽的家庭


$（文档）.ready（函数（）{
变量页=（函数（）{
var$navArrows=$（'#nav arrows'）.hide（），
$shadow=$（“#shadow”）.hide（），
slicebox=$（“#sb滑块”）。slicebox({
onReady:function（）{
$navArrows.show（）；
$shadow.show（）；
},
方向：“r”，
长方体随机体：是的，
分散系数：30
}),
init=函数（）{
initEvents（）；
},
initEvents=函数（）{
$navArrows.children（“：first”）.on（'click'，function（）{
slicebox.next（）；
返回false；
});
$navArrows.children（“：last”）.on（'click'，function（）{
slicebox.previous（）；
返回false；
});
}; 
返回{init:init}；
})();
page.init（）；
});

当您运行给出的代码段时，我看到的错误是：

j