如何将焦点设置到tag-it小部件？

Question

我只是希望tag-it小部件在页面加载后具有焦点。我尝试了各种各样的事情：

<script type="text/javascript">
    $("#myTags").tagit("tagInput").click();
</script>

和

<script type="text/javascript">
    $("#myTags").tagit("tagInput").focus();
</script>

甚至更奇特的事情，比如使用jQuery修改ID并调用

<script type="text/javascript">
    $("#newIDiTriedToMake").focus();
</script>

我所做的一切似乎都没有将键盘焦点放在tag-it小部件上。我必须在我的页面中选中它，或者用鼠标手动点击它以开始输入标签。有人为我提供线索吗？

Answer 1

当我试图设置焦点时，我认为你们都在轨道上，文件还没有完成构建（因此元素可能不存在）。但是，我通过简单的方法解决了问题：编辑源代码。

我刚刚添加了

this.tagInput.attr('autofocus', 'autofocus');

到tag-it的_create（）方法，它将焦点放在元素上，而不必诉诸于Javascripty的优点。这很有用。

Answer 2

我认为您缺少的是在设置焦点之前构建DOM。也就是说，如果.tagit（“tagInput”）引用了一个可聚焦元素。你可以尝试：

<script type="text/javascript">
     $(function() {
        $("#myTags").tagit("tagInput").focus();
    });
</script>

Answer 3

当你有一个document.ready：

时，你应该集中注意力

<script type="text/javascript">
   $(document).ready(function(){
      $("#newIDiTriedToMake").tagit("tagInput").focus();
   })
</script>