javascript - jQuery UI .tabs() 无内容选项卡？

Question

我想要一组标签。在每个选项卡标题中，都有一段文本和一个按钮，可以在单击时删除它所属的选项卡。在选项卡标题 ( <li> ) 之后，我想要一个额外的按钮，可以在单击时创建一个新选项卡。例如:

<div class="TabSet">
    <ul>
        <li><a href="#tabContent0">TEXT<button class="RemTab">x</button></a></li>
        <li><a href="#tabContent1">TEXT<button class="RemTab">x</button></a></li>
        <li><a href="#tabContent2">TEXT<button class="RemTab">x</button></a></li>
        <li><button class="AddTab">+</button></li>
    </ul>
    <div id="tabContent0">CONTENT</div>
    <div id="tabContent1">CONTENT</div>
    <div id="tabContent2">CONTENT</div>
</div>

如果我有更多 jQueryUI .tabs() 是否有效 <li>元素比<div>元素？如果没有，是否有明确的解决方法？

感谢您的帮助。

Answer 1

首先，“这行吗”的答案总是“试试看”。

其次，可以通过拦截和取消 beforeActivate 来伪造一个“空”选项卡。事件。在取消事件处理程序之前，将适当修改 DOM 以添加新选项卡并调用 refresh更新 UI 的方法。