我已经添加一个“JQuery的UI选项卡”的选项卡上的下拉菜单,总之我有一个页面,如:jQuery的UI选项卡中添加下拉菜单
$(function() {
$("#tabs").tabs();
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<p>Content of tab 1.</p>
</div>
<div id="tabs-2">
<p>Content of tab 2.</p>
</div>
<div id="tabs-3">
<p>Content of tab 3.</p>
</div>
</div>
当用户点击“标签2”时,我想显示一个包含两个列表项(“标签2”和一个假设的“标签4”)的下拉菜单。
如何在JQuery UI选项卡上添加下拉菜单?我怎样才能添加一个“隐藏的”附加标签?
感谢
更新: 我想有这样的:
只是说,但也许这不是最好的UI方法,因为您正在同一级别的另一个元素内的菜单内显示新元素。对于你的一些用户来说,这可能会让你感到困惑,也许你应该重新设计界面,将tab2和tab4分组在同一个标签页中或者类似的东西 – Bardo