onClick 按钮在输入字段中添加焦点，但该输入不可见

Question

这是我的演示： https://jsfiddle.net/larico/7d3851uf/1/

当点击搜索图标时，搜索栏被打开，所以此时应该专注于输入，以便在不点击搜索栏的情况下在栏内书写。

我正在尝试使用此代码：

$('.search').click(function(){
    $('#gosearch').focus();
});

但似乎不起作用。 我该如何解决，

Answer 1

因为你有一个转换，你需要使用 transitionend:

$('.search').click(function(){ 
  $(this).toggleClass('opened');
  $('.big-search').toggleClass('displayed').one('transitionend', function(){
     $('#gosearch').click().focus()
  });
});

你可以see it here

onClick 按钮在输入字段中添加焦点，但该输入不可见

onClick button add Focus in an input field but that input is invisible

javascript

jquery

focus

input