jQuery UI选项卡选择

Question

我有一个jQuery UI模式弹出窗口中的jQuery UI选项卡。该选项卡是通过对服务的ajax调用进行数据驱动的。 Ther有4个选项卡，但根据用户的选择，有时没有用于第一个选项卡的数据。如果第一个标签页没有数据，我隐藏第一个标签页并选择第二个标签页（也就是第二个标签页的数据）。如果有第一个标签的数据，我会显示它并选择它。隐藏和显示的作品很好。选择工作到一个点。包含选项卡的弹出窗口是通过从包含搜索结果的表中选择数据触发的 - 弹出窗口显示选择的详细信息。如果用户首先选择一个包含第一个选项卡数据的选项卡 - 一切正常。如果用户然后从表格中选择数据并非全部都很好（隐藏第一个选项卡 - 选择第二个选项卡）。如果用户选择其他包含第一个选项卡数据的数据 - 第一个选项卡将显示并选中，但是 - 现在第二个选项卡仍然高亮显示。 jQuery选择第一个标签是这样的：$("#tabs").tabs('select', 0);和第二个标签：$("#tabs").tabs('select', 1);

Answer 1

问题是“如何删除标签的焦点？”或者“我如何改变标签的焦点？”。看看remove orange tab border on focus完全删除标签聚焦。

要改变焦点，您可能需要使用activate event将焦点更改为您激活的选项卡。

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