未捕获的语法错误：缺少）后的参数列表....但它不是缺少

Question

这里是我有一个问题的代码：

<script> 
$("li#1").hover(
    function() { 
    $(this).append($("<span>Answer 1</span>")); 
     } function() {  
    $(this).find("span:last").remove(); 
    } 
); 
$("li#2").hover(
    function() { 
    $(this).append($("<span>Answer 2</span>")); 
     } function() { 
    $(this).find("span:last").remove(); 
    } 
); 
</script> 

没有与李＃2没有问题，即使李＃1具有相同的语法，但在li＃1中获得了“参数列表后面的”Uncaught SyntaxError：missing）“。我在哪里错过了括号？ NetBeans调试器告诉我它在函数（）{}中是一致的。

Answer 1

你缺少逗号的多重功能在每个.hover()的

<script> 
$("li#1").hover(
    function() { 
     $(this).append($("<span>Answer 1</span>")); 
    }, // <-- comma added here 
    function() {  
     $(this).find("span:last").remove(); 
    } 
); 

$("li#2").hover(
    function() { 
     $(this).append($("<span>Answer 2</span>")); 
    }, // <-- comma added here 
    function() { 
     $(this).find("span:last").remove(); 
    } 
); 
</script> 

Answer 2

你缺少第一个函数定义之后逗号两个li#1和li#2

$("li#1").hover(
    function() { 
    $(this).append($("<span>Answer 1</span>")); 
    }, //notice comma before function 
    function() {  
    $(this).find("span:last").remove(); 
    } 
); 

Answer 3

你的问题分开在.hover()声明中是缺失的逗号。试试这个：

$("li#1").hover(
 
    function() { 
 
    $(this).append($("<span>Answer 1</span>")); 
 
     }, 
 
    function() {  
 
    $(this).find("span:last").remove(); 
 
    } 
 
); 
 
$("li#2").hover(
 
    function() { 
 
    $(this).append($("<span>Answer 2</span>")); 
 
     }, 
 
    function() { 
 
    $(this).find("span:last").remove(); 
 
    } 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li id="1">One: </li> 
 
    <li id="2">Two: </li>