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或将其变为函数帮助

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

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

Answer 2

编辑：

我觉得你在淡入/淡出一个按钮时做了大量的工作，试试这个呢？

$(document).ready(function(){
      $('#button_id').fadeIn(1000);
      $('#button_id').fadeOut(1000);

      //fade in/out on the button click
      $('#button_id').click(function(){
            $('#button_id').fadeIn(1000);
            $('#button_id').fadeOut(1000);
      });

      //the value parse into the fade methods will execute the animation over 1 second
});

如何解决关于＆＃34 ;;＆＃34;的语法错误下面的jQuery代码

2 个答案: