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

謝謝大家的幫助。 吉姆