jQuery heightStyle选项无法正常工作

时间:2012-10-30 19:09:38

标签: jquery jquery-ui-tabs

我想将我的标签的heightStyle设置为'auto',如documentation所述,但它似乎不起作用。

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更新发生了什么事情,打破了这样的事情的一些基本功能?

1 个答案:

答案 0 :(得分:2)

您使用的是错误版本的JQuery和JQuery-UI。

如果您将小提琴切换到JQuery 1.8.2并包括:

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

在HTML部分中,它可以正常工作。

文档examples涵盖了此内容。

fiddle显示此内容。