2

私はこれを読みました-jquery UIタブでajax対応タブを事前に選択 し、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>
4

1 に答える 1

4 
$( 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
    });
});
于 2013-04-16T01:28:21.607 に答える