Jquery UI选项卡:帮助开始使用事件

Question

我已经阅读了Jquery UI Tabs(1.7)的文档,我相信在点击特定选项卡时发生特定事件方面,我对Jquery选项卡有点了解.

我有基本选项卡,我只想在选择特定选项卡时将焦点设置在文本框上.

UI Docs声明您通过以下方式处理选择事件:

$('.selector').tabs({
   select: function(event, ui) { ... }
});

我不确定上面是什么意思.我在这里通过stackoverflow阅读了一些其他的例子,特别是示例.不幸的是,演示不再适用于所提供的答案.

我使用PHP创建和选择特定选项卡的当前代码是:

$("#tabs").tabs();
$("#tabs").tabs('option', 'selected', <?php echo $tabID-1; ?>);

哪个工作正常.我想添加选择第4个选项卡时的功能,我将焦点设置为文本框,类似于:

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

Answer 1

你要做的是给$('.selector').tabs()函数一个关联数组(在JavaScript中它只是被称为对象).重要的是,JavaScript正在使用这一事实,您可以非常广泛地为变量分配函数.如果您更容易阅读和理解,可以试试这个:

var tab_select_function = function(event, ui)
{
    // Objects available in the function context:
    // ui.tab     // anchor element of the selected (clicked) tab
    // ui.panel   // element, that contains the selected/clicked tab contents
    // ui.index   // zero-based index of the selected (clicked) tab
    alert("Tab with index " + ui.index + " clicked!");
};

$('#tabs').tabs({
   select: tab_select_function
});