jquery - 无法在 javascript 加载的 JQuery UI 选项卡上使用选择

Question

我想做的很简单。我只想在单击按钮时加载 jQuery UI 选项卡。然后我希望他们显示一个特定的选项卡。第一部分有效，第二部分无效。关于我做错了什么的任何想法！

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

我也用过这种方式：

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

HTML 代码如下：

<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>

Answer 1

终于设法找到如何实现它。非常感谢 Barmar 指出新的激活方法。我应该阅读手册 :) 按钮的代码如下：

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

一切都在 api 页面上进行了解释：jQuery UI Tabs api page