jquery-ui– 在jQuery UI选项卡之间共享一个元素？

概述我正在使用jQuery UI的标签来划分页面上的内容.我有一个“链接栏”我希望挂在每个标签的底部. (选项卡文本将更改,但通常它们将向左或向右导航用户选项卡.)在第一个选项卡中托管#linkBar div使其“看起来”正确,位于Themeroller的边框内.将它放在“父标签”div之外,将链接放在主题边框下方.我已经尝试创建了一个spacer div,但它

我正在使用jquery UI的标签来划分页面上的内容.我有一个“链接栏”我希望挂在每个标签的底部. (选项卡文本将更改,但通常它们将向左或向右导航用户选项卡.)

在第一个选项卡中托管#linkbar div使其“看起来”正确,位于themeroller的边框内.将它放在“父标签”div之外,将链接放在主题边框下方.我已经尝试创建了一个spacer div,但它只是进一步推动了#linkbar.

当然,当用户切换到另一个选项卡时,链接栏就会消失.标签之间如何组织元素的所有权？我应该动态销毁正在导航的选项卡上的#linkbar div,并在导航到的选项卡中重建它吗？或者有更好的方法在它们之间移动它,或者只是管理可见性？

我想让链接栏按照每个标签上的内容作为页脚,在每个标签的最后一个内容下面“浮动”一行或两行(而不是将其放在相对于标签栏的固定位置).

最佳答案好的……它只是将jquery UI类添加到linkbar. Check out my working jsFiddle demo:

我将linkbar div移出tabOne div并将其放在tabs div的底部：

我稍微修改了linkbar样式,给它一个顶部和底部边距,并默认隐藏它：

#linkbar {    display: none;    margin: 10px auto;}

然后我简单地将jquery UI类添加到$linkbar.我略微改变了jquery以使其更具可读性：

$("#accordion").accordion({ header: "h3" });var $tabs = $("#tabs"),$linkbar = $("#linkbar");$linkbar.addClass("ui-tabs-panel ui-Widget-content ui-corner-bottom");$linkbar.show();$tabs.tabs();$('#Title').click(function() {    $tabs.tabs('select',0);    return false;});

注意：您可以将class =“ui-tabs-panel ui-Widget-content ui-corner-bottom”添加到linkbar div并完成它.但是,我认为我更喜欢在Js中管理它. 总结

以上是内存溢出为你收集整理的jquery-ui – 在jQuery UI选项卡之间共享一个元素？全部内容，希望文章能够帮你解决jquery-ui – 在jQuery UI选项卡之间共享一个元素？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。