jquery – 在twitter bootstrap模式中的自动对焦输入

前端之家收集整理的这篇文章主要介绍了jquery – 在twitter bootstrap模式中的自动对焦输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,大家好!

我有这样的问题 – 我需要自动聚焦一些元素里面twitter bootstrap modal(之后它显示)。棘手的部分是这里 – 这个模态的内容使用’data-remote'(jQuery.load方法)从单独的html文件加载,所以

$(document).on('shown',".modal",function() {
        $('[autofocus]',this).focus();
    });

只有在模态加载之前才工作。
问题是 – 如何使自动对焦在第一时间模态负载工作。
提前致谢!

解决方法

我使用Bootstrap 3.0(希望,这也适用于3.1)。

我们不得不使用tabindex =“ – 1”,因为这允许ESC键关闭模态。

所以我能够解决这个问题使用:

// Every time a modal is shown,if it has an autofocus element,focus on it.
$('.modal').on('shown.bs.modal',function() {
  $(this).find('[autofocus]').focus();
});

猜你在找的jQuery相关文章