Question

我在jQueryUI中有焦点输入问题。我在按钮上使用了hover（）方法并且它正在工作，但是输入上的focus（）不起作用。我不知道为什么。这是代码和小提琴

$(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); 
  });
});

这是小提琴

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/

focus（）jQueryUI无法正常工作

1 个答案: