单击jQuery选项卡时，文本输入窃取焦点

Question

我正在构建一个围绕jQuery选项卡构建的Web界面，其中第一个选项卡包含一个文本输入，可以用作快速搜索其他选项卡。 我希望文本框在选择第一个标签后立即获得焦点 ，这样用户就可以开始输入asap。

目前我正在尝试使用tabsselect事件来绑定焦点窃取功能，但似乎我错过了一些东西。

我目前的代码：

$("#usertabs").tabs().bind("tabsselect",function( event, ui){
    if(ui.index == 0){
        alert('fire');
        $('#barcodeselect').focus();
    }
});

当我点击第一个标签时，会弹出警告，一旦我将其关闭，就会显示第一个标签，但textbox没有焦点。

从$('#barcodeselect').focus();调用console确实会产生预期的效果，因此它不应该是拼写错误或类似的东西..

是否可以通过textbox更改标签窃取？如果是，有没有办法在标签更改上绑定 已完成 而不是 开始 ？或者我只是在忘记？

Answer 1

您应该使用tabsshow代替tabsselect。

单击选项卡时会发生选项卡选择（这样您就可以取消选项卡更改，返回false）。

最终选择并显示选项卡时，会显示标签显示。