jQuery UI，如何预选选项卡

Question

我读过这篇文章 - Preselecting ajax-enabled tab in jquery UI tabs 并尝试了 API 文档...

这是最基本的代码... http://jsfiddle.net/Xa2ur/

我希望能够指定选择哪个选项卡，但我找到的语法不起作用。

我最终会传递一个变量，但如果我无法让硬代码工作，那么采取额外的步骤有什么好处。

非常感谢任何帮助 - 以及“为什么”我所做的不起作用。

代码

$( function() {
    $( "#tabs" ).tabs({
        beforeLoad: function( event, ui ) {
            ui.jqXHR.error( function() {
                ui.panel.html( "Couldn't load this tab. We'll try to fix this as soon as possible." );
            });
        }
    });
});

-- 其他一些代码--

<div id="tabs" >
        <ul>
            <li class="firsttab" ><a href="#tabs-1" >Wedding</a></li>
            <li class="" ><a href="#tabs-2" >Gig Feb 2013</a></li>
            <li class=""><a href="#tabs-3" >Homecoming</a></li>
        </ul>
        <div id="tabs-1" >
            <p>Description: Wedding Info</p>
            <p>photos</p>
        </div>
        <div id="tabs-2" >
            <p>Description: A gig @ TT the Bears</p>
            <p>blog</p>
        </div>
        <div id="tabs-3" >
            Stuff
        </div>
    </div>
    <script>
        $( "#tabs" ).tabs( "option", "active", 2 );
        // i HAVE also tried - $('#tabs').tabs({ selected: "2" });
    </script> 

Answer 1

$( function() {
    $( "#tabs" ).tabs({
        beforeLoad: function( event, ui ) {
            ui.jqXHR.error( function() {
                ui.panel.html( "Couldn't load this tab. We'll try to fix this as soon as possible." );
            });
        },
        active:2
    });
});