出现elem时自动对焦无法正常工作

Nonchalanto

出现输入时,我没有自动对焦。自动对焦属性在Chrome上间歇性地工作。在IE11上...好吧,它甚至都没有尝试添加它。

在使用jQuery自动对焦之前,是否需要验证DOM上input元素的存在?

HTML5

<input type="text" class="form-control" autofocus placeholder="Filter">

JS

   function iboxHistorySearch() {
        var header = $('.client-history .ibox-title_replace'),
            searchbar = $('.client-history .client-history-searchbar'),
            closeBtn = $('.client-history .btn-dismiss');

        header.on('click', function (e) {
            e.preventDefault();
            if (searchbar.hasClass('hidden')) {
                searchbar.removeClass('hidden')find('form-control:first').focus();
                $(this).addClass('hidden');
            }
        });

        closeBtn.on('click', function (e) {
            e.preventDefault();
            if (header.hasClass('hidden')) {
                header.removeClass('hidden');
                searchbar.addClass('hidden');
            }
        });
    }

    iboxHistorySearch();

更新

searchbar.removeClass('hidden')find('form-control:first').focus();
自由度

来自(未编辑的)问题:

var searchbar = $('.client-history .client-history-searchbar')

if (searchbar.hasClass('hidden')) {
    searchbar.removeClass('hidden').focus();

确保搜索栏是input可以接收焦点控件。如果不是,请添加.find以获得第一个或特定元素的输入,例如:

    searchbar.removeClass('hidden')
             .find('.form-control:first')
             .focus();

或者

    searchbar.removeClass('hidden')
             .find('input:first')
             .focus();

(但与input您可能还需要添加复选框/选择等,例如)

    searchbar.removeClass('hidden')
             .find('input,select,textarea')
             .first()
             .focus();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

自动对焦无法在导轨中工作

来自分类Dev

自动对焦无法在React Native Formik上工作

来自分类Dev

以编程方式添加时,自动布局约束无法正常工作

来自分类Dev

自动转义无法正常工作

来自分类Dev

自动完成无法正常工作

来自分类Dev

FPDF:使用 MultiCell 时,出现分页符时插入行无法正常工作

来自分类Dev

Visual Studio自动完成无法正常工作

来自分类Dev

UITableViewCell自动调整高度无法正常工作

来自分类Dev

liferay自动部署无法正常工作

来自分类Dev

liferay自动部署无法正常工作

来自分类Dev

绝对Div自动高度无法正常工作

来自分类Dev

“ overflow-x:自动”无法正常工作

来自分类Dev

Bootstrap警报自动关闭无法正常工作

来自分类Dev

iframe自动高度无法正常工作

来自分类Dev

Eclipse自动完成无法正常工作

来自分类Dev

Visual Studio自动完成无法正常工作

来自分类Dev

自动布局约束无法正常工作

来自分类Dev

为什么自动重启无法正常工作?

来自分类Dev

jQuery的自动滑块无法正常工作

来自分类Dev

BeautifulSoup无法正常工作,出现NoneType错误

来自分类Dev

代码无法正常工作,出现错误

来自分类Dev

遇到“意外的无法正常工作;手动运行fsck”时,自动强制fsck -fy。

来自分类Dev

当两者对齐时,自动布局对于图像视图和标签无法正常工作

来自分类Dev

安装Maven时出现问题,尝试了所有操作后无法正常工作

来自分类Dev

无法在搜索表单中启用自动对焦

来自分类Dev

Odoo自动操作无法运行或无法正常工作

来自分类Dev

添加页面时,finerycms无法正常工作

来自分类Dev

动画高度在滚动时无法正常工作

来自分类Dev

使用innerHTML时JavaScript无法正常工作

Related 相关文章

热门标签

归档