Question

我已经阅读了Jquery UI Tabs（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
});

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

1 个答案: