Javascript 不断被告知该值为空

Javascript 不断被告知该值为空,javascript,html,css,null,Javascript,Html,Css,Null,这是我的密码: var Ribbon=/**@class*/(函数(){ 功能区(svg){ this.rootPos=Math.random()*100; 此参数表示={ 开始:{ 键入:“开始”, 开始:{厚度:0,顶部:60,左侧:0}, 结束:{厚度:0,顶部:60,左侧:100}, 波:{振幅:0,频率:0.008,转换速度:0.5} }, 主页:{ 键入:“home”, 开始:{厚度:30,顶部:50,左侧:0}, 结束:{厚度:15,顶部:60,左侧:100}, 波:{振幅:40

这是我的密码:

var Ribbon=/**@class*/(函数(){
功能区(svg){
this.rootPos=Math.random()*100;
此参数表示={
开始:{
键入:“开始”,
开始:{厚度:0,顶部:60,左侧:0},
结束:{厚度:0,顶部:60,左侧:100},
波:{振幅:0,频率:0.008,转换速度:0.5}
},
主页:{
键入:“home”,
开始:{厚度:30,顶部:50,左侧:0},
结束:{厚度:15,顶部:60,左侧:100},
波:{振幅:40,频率:0.015,转换速度:-0.5}
},
选定:{
键入:“已选定”,
开始:{厚度:15,顶部:80,左侧:0},
结束:{厚度:24,顶部:25,左侧:100},
波:{振幅:50,频率:0.004,转换速度:0.5}
}
};
this.size={svg:{width:window.innerWidth,height:window.innerHeight};
this.currentState=JSON.parse(JSON.stringify(this.states.start));
这一行=3;
this.lines=[];
this.blocks=[];
此值为.defaultRestSpeed=0.009;
这个速度={
变更状态:2,
其余:1
};
此参数为.waveLineAttr={
填写:'无',
笔画:“白色”,
冲程宽度:1
};
this.svg=svg;
}
Ribbon.prototype.init=函数(){
var_this=这个;
此值为.blocks=[
{
键入:“菜单”,
id:'1',
标题:“产品”,
位置:{当前:105,目标:5,主页:5},
宽度:20,
世界其他地区:2
},
{
键入:“菜单”,
id:'2',
标题:"博客",,
位置:{当前:137,目标:37,主页:37},
宽度:10,
世界其他地区:3
},
{
键入:“菜单”,
标题:“关于我们”,
id:'3',
位置:{当前:147,目标:47,主页:47},
宽度:20,
行:1
},
{
键入:“菜单”,
id:'4',
标题:“联系人”,
位置:{当前:175,目标:75,主页:75},
宽度:15,
世界其他地区:2
},
{
键入:“back”,
id:'返回',

title:“我真的不明白您想在这里做什么,但是Snap方法什么也不返回,因为脚本首先运行,所以svg标记会因为某种原因被删除

只需对HTML稍加修改,它就能完美地工作

<html lang="en">
  <head>
    <meta charset="utf-8"/>

    <links href="style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <div class="container">     
        <svg id="svg"></svg>
    </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script><script src="script.js"></script>
  </body>
</html>