jquery - jquery ui 选项卡正文的内容如何在单击选项卡时发生更改

Question

我有一个 Jquery ui Vertical Tab，它工作正常，但我需要按照我的方式和要求使用它。同样，我必须知道 jquery ui 选项卡正文的内容(对于正文，我的意思是 A、B 等的内容在 fiddle 中显示的部分)是如何改变的。什么以及如何改变那里的内容我的 DIV 和其他 HTML 字段..

这是用于处理该问题的脚本，但我不明白这是如何改变内容的。

 <script type='text/javascript'>//<![CDATA[
    window.onload = function () {
        $('#tabs')
.tabs()
.addClass('ui-tabs-vertical ui-helper-clearfix');

    }//]]>  

</script>

这里是 Fiddle 链接.. Fiddle

请帮我解决这个问题..谢谢..

Answer 1

您要查找的标识符是 #tabs & .ui-tabs-nav

只需通过 css 设置您想要的高度:

#tabs {
    height: 500px !important;
}

.ui-tabs-nav {
    height: 496px !important;
}

Updated JsFiddle

---

通过增加高度，我猜您想用更多选项卡填充空白区域。轻松完成:

<li><a href="#e">Tab E</a></li>

<div id="e">Content of E</div>

Updated JsFiddle 2