jquery-ui 1.10.2标签选择

时间:2013-05-22 22:19:21

标签: jquery asp.net-mvc-4 jquery-ui-tabs

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

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

我创建了一个jsFiddle测试here。 (http://jsfiddle.net/jgergen/5RMaN/37/)。

谢谢你, 吉姆

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:0)

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

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

还没有找到一种方法来获取没有大量DOM导航的选项卡索引。 有这样的事情会很好:$('#tSheet').tabs('find', '.selector');

谢谢大家的帮助。 吉姆