javascript - 焦点()jQueryUI不工作

Question

我在 jQueryUI 中输入焦点时遇到问题。我在按钮上使用了 hover() 方法并且它正在工作，但是输入上的 focus() 不起作用。我不知道为什么。这是代码和 fiddle

$(document).ready(function(){
  $('input[type=text]').focus(function(){
    $(this).stop().animate({
      backgroundColor: '#000'
    }, 1000);
  }, function() {
    $(this).stop.animate({
      backgroundColor: 'rgba(0,0,0,0)'
    }, 1000); 
  });
});

这是 fiddle

https://jsfiddle.net/ssa7sh4f/12/

Answer 1

我不知道你到底想做什么。但是在您的代码中，您分配了 2 个处理程序来关注(就像@squint 指出的那样)。

相反，您可以将一个处理程序分配给 focus()，将一个处理程序分配给 focusout()，如下所示:

$(document).ready(function(){
  $('input[type=text]').focus(function(){
    $(this).css('background-color', 'black');
  }).focusout(function() {
    $(this).css('background-color', 'white');
  });
});

https://jsfiddle.net/g6997gnh/