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');

谢谢大家的帮助。 吉姆