Jquery UI 选项卡：帮助开始处理事件

Question

我已经阅读了 Jquery UI 选项卡 (1.7) 的文档，并且我相信在单击特定选项卡时会发生特定事件方面，我对 Jquery 选项卡有点不知所措。

我的基本选项卡工作正常，我只想在选择特定选项卡时将焦点设置在文本框上。

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

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

我不完全确定上述内容是什么意思。我在 stackoverflow 上阅读了其他一些示例，特别是 example。不幸的是，该演示不再适用于提供的答案。

我当前使用 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
});