Javascript 顶部和底部的jquery ui选项卡

我想要一个带有顶部和按钮菜单功能的jQueryUI选项卡，可以吗？

---

（内容是通过ajax加载的，我的意思是同时加载顶部选项卡和底部选项卡。）

$（函数（）{
$（“#制表符”）.tabs（{
ajaxOptions：{
错误：函数（xhr、状态、索引、锚定）{
$（anchor.hash）.html(
“无法加载此选项卡。我们将尝试尽快修复此问题。”+
“如果这不是演示的话。”）；
}
},
曲奇：{
//将cookie存储一天，如果没有，它将是会话cookie
有效期：1
}
});
});

---

提前谢谢你

我对您想要实现的目标有点困惑，但是如果您试图制作与我类似的布局，那么如果您不介意使用固定高度的选项卡布局，那么您可以像我在这里所做的那样通过css移动选项卡

如果您不介意固定高度，到目前为止，我唯一的想法是使用一个控制面板创建布局，而不是添加一些看起来像控制面板的

，并在初始化后使用如下方式从代码中移动一些选项卡：

$（“#yourFakeControlPanel”）.append（$（“.ui tabs nav”）.find（“#yourTab”）

$（.ui-tabs-nav”）.find（“#yourTab”）.remove（）

当所有标签都是静态的时，这是有效的，但是当添加新的标签时，我遇到了一些错误，所以把这个看作是一个暗示，而不是一个精确的答案< /p> < p>我想我终于找到了你的答案。看看我的帖子，我已经在上面写了如何在顶部和底部同时制作标签

如果邹觉得这有帮助，请将此标记为一个答案，引导其他人找到正确的解决方案
您能解释一下顶部和底部按钮（>向上滚动和向下滚动）吗？然后，向我们展示您的代码和您已经尝试过的内容，我的意思是同时显示顶部选项卡和底部选项卡。
您可以通过单击问题下方的相应链接来编辑您的问题。请提供尽可能多的信息（特别是您已经尝试过的），以便我们能够帮助您
<script type="text/javascript" charset="utf-8">
    $(function() {
        $( "#tabs" ).tabs({                 
            ajaxOptions: {
                error: function( xhr, status, index, anchor ) {
                    $( anchor.hash ).html(
                        "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                        "If this wouldn't be a demo." );
                }
            },
            cookie: {
                // store cookie for a day, without, it would be a session cookie
                expires: 1
            }
        });
});
</script>
<div id="tabs"> 
    <ul id="top"> 
       <li><a href="top1.php">top 1</a></li> 
       <li><a href="top2.php">top 2</a></li> 
    </ul> 
    <ul id="bottom"> 
       <li><a href="bottom.php">bottom 1</a></li> 
       <li><a href="bottom.php">bottom 2</a></li> 
    </ul> 
</div>