JQuery Tab每个Selected选项卡第一个文本框焦点

时间:2011-11-18 07:05:10

标签: jquery jquery-ui-tabs

如何将焦点设置到每个jQuery UI标签的第一个文本框?我尝试过:

var frmObjAT = $j('input[type=button]').closest("form"); 
$j("input[type='text']:first", frmObjAT).focus(); 

首先得到了关注,但其他标签没有集中。

2 个答案:

答案 0 :(得分:1)

Kanishka是对的,但你必须用Tabs select event

来包装它
$( ".selector" ).tabs({
   select: function(event, ui) {
       $(this).find("input[type='text']:first").focus();
   }
});

希望得到这个帮助。

修改评论回复

Jquery将类添加到隐藏选项卡,您可以使用它。

我试过这个作品

$("#tabs .tabs").not(".ui-tabs-hide").find("input[type='text']:first").focus();

答案 1 :(得分:0)

单击选项卡时应触发此事件

  $('.tab').click(function(){

       $(this).parents("form").find("input[type='text']:first").focus();

    });  

这应该有效

<强>更新

是那些动态生成的表单,如果它们是动态生成的,则使用

 live()


  $('.tab').live('click',function(){

       $(this).parents("form").find("input[type='text']:first").focus();

    });