javascript - 如何修复下面 jQuery 代码中关于 ";"的语法错误

Question

我想使用 jQuery 库淡入和淡出网页中的一个按钮。问题是由于某些语法错误，下面的代码未执行。

$(document).ready(y);

var y=function(){
  $('div').mouseenter(z);
  $('div').mouseleave(a);
};

var z=function(){
  $('div').fadeTo('fast',1);
};

var a=function(){
  $('div').fadeTo('fast',0.5);
};

有人应该告诉我我在这里做错了什么吗？

Answer 1

变量和函数被托管到顶部
这个

$(document).ready(y);

var y = function(){
  $('div').mouseenter(z);
  $('div').mouseleave(a);
};

被浏览器解析后就变成这样了

var y = undefined
$(document).ready(y); // undefined

// redefines y
y = function(){
  $('div').mouseenter(z);
  $('div').mouseleave(a);
};

因此，首先对 y 进行 decle 或将其更改为函数会有所帮助

$(document).ready(y); // function

function y(){
  $('div').mouseenter(z);
  $('div').mouseleave(a);
};