jQuery UI选项卡选择

时间:2012-04-12 19:39:34

标签: jquery jquery-ui jquery-ui-tabs

我在jQuery UI Modal弹出窗口中有一个jQuery UI选项卡。该选项卡是使用ajax调用服务来驱动数据的。 Ther是4个选项卡,但有时根据用户选择,没有第1个选项卡的数据。如果第一个选项卡没有数据,我隐藏第一个选项卡并选择第二个选项卡(第二个选项卡的alsways数据)。如果有第一个标签的数据我会显示并选择它。隐藏和显示工作正常。选择工作到了一定程度。通过从包含搜索结果的表中选择数据来触发包含选项卡的弹出窗口 - 弹出窗口显示选择的详细信息。如果用户首先选择包含第一个选项卡数据的选项卡 - 一切都很好。如果用户然后从表中选择数据并不是所有数据仍然很好(第一个选项卡隐藏 - 选择第二个选项卡)。如果用户然后选择包含第一个选项卡数据的其他一些数据 - 显示并选择第一个选项卡但是 - 现在第二个选项卡仍然突出显示。选择第一个标签的jQuery是这样的:$("#tabs").tabs('select', 0);,第二个标签是:$("#tabs").tabs('select', 1);

1 个答案:

答案 0 :(得分:0)

问题是"如何删除标签的焦点?"或者"如何更改标签的焦点?"。请查看remove orange tab border on focus以完全删除关注的标签。

要更改焦点,您可能需要使用activate event将焦点更改为您激活的标签。

$('#tabs').tabs({
    activate: function(event, ui) {
        ui.newTab.focus();
    }
});