Kann auf javascript geladenen JQuery UI Tabs nicht auswählen - jquery, jquery-ui, jquery-ui-tabs

Was ich versuche, ist einfach. Ich möchte jQuery-UI-Registerkarten nur laden, wenn auf eine Schaltfläche geklickt wird. Und dann möchte ich, dass sie einen bestimmten Tab anzeigen. Der erste Teil funktioniert, der zweite nicht. Irgendwelche Ideen, was ich falsch mache !!!

$("[name="testBtn"]")
.click(function(){
$("#main").load("test.html", function() {
$(col3).empty();
var tabs = $("#tabs");
$(tabs).tabs();
$(tabs).tabs("select", 3);
});

Ich habe diesen Weg auch benutzt:

$("[name="testBtn"]")
.click(function(){
$("#main").load("test.html", function() {
$(col3).empty();
$("#tabs").tabs("select", 3);
});

Der HTML-Code lautet wie folgt:

<div id="tabs">
<ul>
<li><a href="#tabs-1">Test 1</a></li>
<li><a href="#tabs-2">Test 2</a></li>
</ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
</div>

Antworten:

Endlich fand ich heraus, wie man es implementieren kann. Vielen Dank an Barmar für den Hinweis auf die neue Aktivierungsmethode. Ich hätte das Handbuch lesen sollen :) Der Code für den Button lautet wie folgt:

$("[name="testBtn"]")
.click(function(){
$("#main").load("test.html", function() {
$(col3).empty();
var tabs = $("#tabs");
$(tabs).tabs();
$(tabs).tabs( "option", "active", 1 );
});

Alles wird auf der api-Seite erklärt: jQuery UI Tabs-API-Seite