我的网站上有一个搜索表单,其中输入.focus
无效。我有尝试touchstart
事件,但仍然无法正常工作。
jQuery
$('.fly-search-icon').click(function(e){
e.preventDefault();
$('#fly-search-form').show();
$('.fly-search-input').trigger('touchstart');
$('.fly-search-input').on('touchstart', function() {
$(this).focus();
});
})
我也使用简单版本
$('.fly-search-icon').click(function(){
$('#fly-search-form').show();
$(.fly-search-input').focus();
})
这是表格
<form id="fly-search-form" style="display:none" method="get" id="header-searchform" role="search" action="">
<div class="fly-search-item">
<span class="fly-search-cancel">X</span>
<input type="hidden" name="post_type" value="product" />
<input type="text" class="fly-search-input form-control" name="s" placeholder="Search...">
<input class="fly-submit-btn" value="" type="submit"/>
<span class="fly-search-submit fa fa-search fa-fw"></span>
</div>
</form>