Question

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

最新版本的jquery-ui中有什么替代此功能。

我创建了一个jsFiddle测试here。（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();

Fiddle

对于动态标签，请使用以下语法$('#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');

谢谢大家的帮助。吉姆

jquery-ui 1.10.2标签选择

2 个答案:

Fiddle