如何解析JavaScript'Unxpected Token Error'？

Question

我写了一些 JavaScript 代码，当运行时，会产生以下错误：

"error"
"SyntaxError: Unexpected token ILLEGAL

我不知道这个错误是什么意思。我试着用谷歌搜索但找不到任何有用的东西。

这是我的代码：

HTML:

$(document).ready(function(){
   $('#fostering').on('click', function(){
       $(this).animate({
           width : 50px;
       });
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
        <meta charset="utf-8">
        <title> Something </title>
    </head>
    <body>
        <div id="fostering"></div>
    </body>
</html>

所以，

导致此错误的原因是什么？
如何解决？

Answer 1

把分号去掉，放在引号里（width属性值）：

  $('#fostering').on('click', function(){
     $(this).animate({
      width : "50px"
     });
    });

当您的角色出现在不该出现的位置时，就会出现此错误。基本上，如果您想阅读更多有关 JS 如何解析给定代码的信息，那么这里有一篇关于它的好文章，

URL: No visible cause for "Unexpected token ILLEGAL"

如何解析JavaScript'Unxpected Token Error'？

How to resolve JavaScript 'Unxpected Token Error'?

javascript

jquery

jsfiddle

jsbin