0

documentationで説明されているように、タブの heightStyle を「auto」に設定したいのですが、機能していないようです。

http://jsfiddle.net/Ndyy8/9/

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">one</a></li>
        <li><a href="#tabs-2">two</a></li>
        <li><a href="#tabs-3">three</a></li>
    </ul>
    <div id="tabs-1">
        <p>one</p>
        <p>one</p>
        <p>one</p>
        <p>one</p>
    </div>
    <div id="tabs-2">
        <p>two</p>
    </div>
    <div id="tabs-3">
        <p>three</p>
    </div>
</div>​

また、後でコード内で を呼び出して、アクティブなタブを取得しようとしていました$('#tabs').tabs('option', 'active');。ただし、これは<div id="tab"></div>、アクティブな内側のタブ div ではなく、外側のタブ コンテナーを返します。

私は基本的に、複雑なことをしようとせずにドキュメントの例に従っているだけですが、このようなものの基本的な機能のいくつかを壊した最新のjQuery uiの更新で何かが起こりましたか?

4

1 に答える 1

2

間違ったバージョンの JQuery と JQuery-UI を使用しています。

フィドルを次のように切り替えてJQuery 1.8.2含める場合:

<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

HTML 部分では、正常に動作します。

ドキュメントの例でこれをカバーしています。

これを示す新しいフィドル

于 2012-10-30T20:04:54.760 に答える