美文网首页
bootstrap 使用focus() 失效

bootstrap 使用focus() 失效

作者: 会九卦的兔子 | 来源:发表于2019-02-26 16:01 被阅读0次

HTML 代码 例如:

<div class="col-md-12 form-inline">
       <div class="form-group">
              <label>标题:</label>
          <input type="text" id="title" class="form-control">
    </div>
</div>

使用 $("#title").focus(); 没有任何作用。

bootstrap 是使用css :focus 来给元素显示聚焦效果的

原因:
1、其实并不是没有获取到元素,而是HTML页面加载延迟导致的。
那么可以增加一个延时函数

setTimeout(function(){
    $("#title").focus();
},500)

2、检查是否 $("#title") 能获取到对象,是否写错Id, 它获取的是一个对象还是一列对象?

相关文章

网友评论

      本文标题:bootstrap 使用focus() 失效

      本文链接:https://www.haomeiwen.com/subject/jinayqtx.html