jquery - jquery-ui 1.10.2 选项卡选择

Question

使用 jquery-ui 1.10.2，我无法像往常一样选择选项卡。我正在使用$('.selector').tabs('select', '.selector');早期版本的 jquery-ui。

在最新版本的 jquery-ui 中，此功能的替代品是什么。

我在这里创建了一个 jsFiddle 测试。（http://jsfiddle.net/jgergen/5RMaN/37/）。

谢谢你，吉姆

Answer 1

添加元素后移动$('#tSheet').tabs();到底部。

$('#tSheet ul').append('<li><a href="#page-1">One</a></li>');
$('#tSheet ul').append('<li><a href="#page-2">Two</a></li>');
$('#tSheet ul').append('<li><a href="#page-3">Three</a></li>');

$('#tSheet').append('<div id="page-1">Page One Text</div>');
$('#tSheet').append('<div id="page-2">Page Two Text</div>');
$('#tSheet').append('<div id="page-3">Page Three Text</div>');
$('#tSheet').tabs();

小提琴

对于动态选项卡，请使用此语法$('#tSheet').tabs("option", "active", 2);

Answer 2

对于最新版本的 jquery-ui - 'select' 不再可用。要选择选项卡，您必须使用选项。以下代码将选择一个选项卡。

// tabs are 0 based indexed
$('#tSheet').tabs('options', 'active', 1);
// will select the second tab.

在没有大量 DOM 导航的情况下，仍然没有找到获取选项卡索引的方法。有这样的东西会很好： $('#tSheet').tabs('find', '.selector');

谢谢大家的帮助。吉姆