0

我已经创建了选项卡布局，如本示例http://jqueryui.com/demos/tabs/#bottom和面板下方的控件。我有 3 个默认选项卡，不能删除，用户可以添加更多选项卡并删除它们。

问题是默认选项卡应该像那里一样在顶部http://jqueryui.com/demos/tabs/#default所以因为 UI 不支持两个控制面板，所以我在顶部创建了看起来像控制面板的新元素<p class="ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top tabs-header-top"></p>具有固定高度。但是现在我不知道如何将默认选项卡移动到正确的位置。我尝试添加它们position: relative; top:-20em;，但要使其正常工作，整个选项卡容器必须具有固定的高度，这很糟糕，因为我需要它在窗口内尽可能大地伸展。

那么有没有其他方法可以将默认选项卡移动到顶部？

谢谢

编辑：这是我的想法的例子，但通过固定高度 http://jsfiddle.net/L6QjK/2/实现

需要说明的是：这种方法在技术上是有效的，所以问题不是用两个控制面板制作标签，而是定位标签

4

2 回答 2

0

不确定它是否会起作用，但尝试创建两个 DIV，一个具有默认样式，一个具有底部样式：

<div class="tabs">...
<div class="tabs tabs-bottom">

然后使用$(".tabs").tabs(...)

于 2012-08-01T12:57:59.190 回答
0

所以最后我设法通过更改 jquery ui 代码自己创建了两个控制面板。如果有人想和我做同样的事情，这里有一些提示：

1）要创建多个控制面板，this.list=this.element.find("ol,ul)").eq(0) 现在找到，.eq(0)选择器导致onlz第一个ul或ol被制作成控制面板，所以我简单地将find选择器修改为：this.list=this.element.find("ol,ul:lt(2))")并且:lt(2)选择器会将前两个UL制作成两个控制面板. 现在我们有两个控制面板，都是关于 css 定位的，你可以在这里http://jqueryui.com/demos/tabs/#bottom获取将一个控制面板移动到底部。

2）我正在使用模式，第一个控制面板包含静态选项卡，第二个控制面板添加了 dznamic 选项卡。所以我还需要在添加标签时更改目标。为此，您必须找到h.appendTo(this.list)并将其更改为，h.appendTo(this.list[1])因为 ad.1) this.list现在包含两个元素，我希望将选项卡添加到第二个元素。

所以最后制作两个控制面板选项卡布局并不难

于 2012-08-05T18:10:03.893 回答