Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript输入淡入并直接聚焦_Javascript_Jquery_Input_Focus_Fadein - Fatal编程技术网

javascript输入淡入并直接聚焦

javascript输入淡入并直接聚焦,javascript,jquery,input,focus,fadein,Javascript,Jquery,Input,Focus,Fadein,我有一个搜索框,通过单击搜索图标,输入将展开。。我想在展开后立即添加焦点。。当前当该框花费时,用户必须在输入中单击以搜索 <script> $('#icon_search_expand').on('click',function(){ if($('#form_group_id').css('display')!='none'){ $('#icon_search_expand').fadeIn(100, 'swing').hide(); $('.

我有一个搜索框,通过单击搜索图标,输入将展开。。我想在展开后立即添加焦点。。当前当该框花费时,用户必须在输入中单击以搜索

<script>
$('#icon_search_expand').on('click',function(){
    if($('#form_group_id').css('display')!='none'){
        $('#icon_search_expand').fadeIn(100, 'swing').hide();
        $('.search_button').fadeIn(100, 'swing').siblings('div').hide();
    }else if($('#icon_search_expand').css('display')!='none'){
        $('#form_group_id').fadeIn(100, 'swing').siblings('div').hide();
    }
  if($('#form_group_id').css('display')!='none'){
        $('#icon_search_expand').hide();
        $('.search_button').fadeIn(100, 'swing');
    }
});
</script>

<div class="form-group" id="form_group_id" style="display:none;">
    <input class="form-control" placeholder="{% trans "Search..." %}" type="text" name="q" value="{{ request.REQUEST.q }}" id="form_control_id">
</div>
        <i class="fa fa-search" aria-hidden="true" id="icon_search_expand"></i>
        <button type="submit" class="search_button" id="search_button_id" aria-hidden="true" value="" style="display:none !important;">
         <i class="fa fa-search" id="fa-search-id" aria-hidden="true"></i>
        </button>

$(“#图标_搜索_展开”)。在('click',function()上{
if($('#form_group_id').css('display')!='none'){
$('#icon_search_expand').fadeIn(100,'swing').hide();
$('.search_button').fadeIn(100,'swing').sides('div').hide();
}else if($('icon#u search_expand').css('display')!='none'){
$('#form_group_id').fadeIn(100,'swing').sides('div').hide();
}
if($('#form_group_id').css('display')!='none'){
$(“#图标_搜索_展开”).hide();
$('.search_button').fadeIn(100,'swing');
}
});
您是否像这样尝试过焦点()

你有没有试过像focus()那样


$('form#group_id').css('display')!='“无”
或换句话说,
$(“:可见”)
$(“#表格表格表格表格表格表格表格表格表格表格表格表格表格id”)。css('display')!='没有“或换句话说,
$(“\form\u group\u id”)是(“:visible”)
我试过了,但它不起作用。。我应该在代码中的什么地方使用它?如果在
$(“#form_group_id').fadeIn(100,'swing').sibbins('div').hide()行之后,它在您的else中使用我试过了,但它不起作用。。我应该在代码中的什么地方使用它?如果在
$(“#form_group_id').fadeIn(100,'swing').sibbins('div').hide()行之后,它在您的else中使用
 $('input.form-control').focus();