jQuery ui选项卡除第一个选项卡外未显示任何内容

问题描述

我有一组选项卡，每个选项卡中都有一个div，其中包含一些子div。 .tabs（）调用创建 标签标题并显示第一个div ...

单击第二个选项卡...尽管背景相同，但“背景”不显示 作为第一个标签下的div...。

这是一个js小提琴

https://jsfiddle.net/GeoffRussell/cy6uL41d/

<div id="tabset">
    <ul> 
        <li><a href="#policytab">Policy</a></li>
        <li><a href="#backgroundtab">Background</a></li>
    </ul>
<div id="policytab">
    <div class="panel cflex">
        <div class="textdiv" contenteditable="true">xx</div>
        <div>
            <div class="lrflex">
            <div>L1</div>
            <div class="rflex">
                <div>R1</div>
                <div>R2</div>
            </div>
        </div>
    </div>
</div>
<div id="backgroundtab">
    <div class="panel cflex">
        <div class="textdiv" contenteditable="true">xx</div>
        <div>
            <div class="lrflex">
            <div>L1</div>
            <div class="rflex">
                <div>R1</div>
                <div>R2</div>
            </div>
        </div>
    </div>
</div>
</div>

使用CSS如下

.panel {
    height: 200px;
    border: 1px solid red;
    resize: both;
    overflow: auto;
}
.textdiv {
    border: 1px solid red;
    height: 1500px;
    overflow: auto;
}
.cflex {
    display: flex;
    flex-direction: column;
}
.rflex {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    border: 1px solid purple;
}
.lrflex {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    border: 1px solid green;
}

正在采取行动...

$("#tabset").tabs();

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）