用jquery专注于bootstrap textarea

时间:2012-06-21 19:25:16

标签: javascript jquery twitter-bootstrap

我无法专注于使用jquery和bootstrap的网页上的textarea。这应该是一项微不足道的工作,但我不明白为什么它不按预期的方式工作。

$('#textarea').focus();

默认情况下,bootstrap会为聚焦区域提供蓝色光晕(请参阅http://twitter.github.com/bootstrap/base-css.html?#forms)。不幸的是,上面的这一行似乎没有起到作用。

更具体地说,我有一个打开的按钮,显示带有编辑器(textarea)的侧窗格。我的目标是在显示窗格后自动将焦点发送到textarea。

1 个答案:

答案 0 :(得分:1)

我刚刚在bootstrap page you referenced上测试了$("#input01").focus();。工作正常,可以将ID input01的输入聚焦,然后变为蓝色。所以这对我说,专注于由bootstrap设计的输入元素工作正常。事实上,你看到的蓝色光芒只是基于bootstrap样式中的css :focus选择器,所以只要你正确选择元素,样式就可以正常工作。

我的猜测是你的focus()调用要么使用错误的jQuery选择器,要么可能与页面上的其他内容不同步,例如侧窗格的显示。在选择之前确保#textarea元素存在。

如果您发布更具体的代码,我可以为您提供更具体的答案。