jquery ui选项卡位于所选选项中

如何在移动版本中的选定选项中创建jquery ui选项卡。 任何人都可以帮我解决这个问题。我有反应灵敏的设计。桌面版本jquery选项卡和移动选择选项

表1-1

表2-2

表3-3

这里是最新的代码，希望它能对你有所帮助

$（“.tabs菜单a”）。单击（函数（事件）{
event.preventDefault（）；
$（this.parent（）.addClass（“当前”）；
$（this.parent（）.sides（）.removeClass（“当前”）；
var tab=$（this.attr（“href”）；
$（“.tab内容”）.not（tab.css（“显示”、“无”）；
$（tab.fadeIn（）；
});
$（“#mm0”）。更改（函数（事件）{
//警惕（）；
event.preventDefault（）；
var tab_index=$（this）.find（'option:selected'）.attr（'rel'）；
//警报（选项卡索引）；
var current_sel_a=$（'.tabs菜单li'）.removeAttr（'class'）；
$（'a[href=“'+tab_index+'”）.closest（“li”）.addClass（“current”）；
var tab=$（this.find（'option:selected'）.attr（'rel'）；
$（“.tab内容”）.not（tab.css（“显示”、“无”）；
$（tab.fadeIn（）；
});
.tabs菜单{
高度：30px；
浮动：左；
明确：两者皆有；
保证金：0
}
.标签菜单李{
高度：30px；
线高：30px；
浮动：左；
右边距：10px；
背景色：#ccc；
边框顶部：1px实心#d4d1；
右边框：1px实心#d4d1；
左边框：1px实心#d4d1；
列表样式：无
}
.tabs菜单li.current{
位置：相对位置；
背景色：#fff；
边框底部：1px实心#fff；
z指数：5；
}
.标签菜单李a{
填充：10px；
文本转换：大写；
颜色：#fff；
文字装饰：无；
}
.选项卡菜单.当前a{
颜色：#2e7da3；
}
.标签{
边框：1px实心#d4d1；
背景色：#fff；
浮动：左；
边缘底部：20px；
宽度：自动；
}
.选项卡内容{
宽度：100%；
填充：20px；
显示：无；
浮动：左；
}
.tab内容页{
显示：块；
浮动：左；
保证金：0；
宽度：94%；
}
mnav先生{
显示：无；
}
#表1{
显示：块；
}
@仅介质屏幕和（最大宽度：600px）{
mnav先生{
显示：块；
}
.选项卡菜单{
显示：无；
}
}

表1
表2
表3
表4






Lorem ipsum dolor sit amet，是一位杰出的献身者。阿利奎姆坐在阿梅特·普鲁斯·乌尔纳旁边。在弗林尼利亚·埃尼姆的名言中，坐在阿梅特·苏西比特·多洛的名言中。梅塞纳斯·波特提托（Maecenas porttitor）和马莱苏阿达·康格（malesuada congue）、马萨（ligula Elite fermentum massa）和维利特（velit）的奥迪奥之门（porta odio est）。塞德·内克·特皮斯·内克。在我的猫咪身上，我被折磨着。在康格·马蒂斯（congue mattis）、尼伯·厄罗斯·法雷特拉·莱克图斯（nibh eros pharetra lectus）、nec posuere libero dui Concertetur arcu（nec posuere libero dui）等地，都有一个空。快速发酵法。Nam tincidunt，Dim nec dictum mattis，nuc dolor ultrices ipsum，在mattis just to turpis nec ligula。库拉比图尔·安特·莫里斯。整粒径，易裂前叶，易裂前叶。塞德·洛博蒂斯、厄洛斯·非埃格斯塔斯·苏西比特、酒后驾车、特卢斯的秘密情报。请不要把食物放在舌苔上，而不要把它放在酒杯上。朗卡斯之家，康格之家，马萨之家，猫科动物之家

不，不，不，不。在威尼斯的索利西图丁港口。佩伦特斯凯坐在阿梅特·马萨和奥奇·马莱苏阿达的面前。艾蒂安·特里斯蒂克·帕特·奥克托。Morbi nec massa eget sem ultricies酵母菌。请说出自己的名言。在侵权人身上悬挂贵宾酒牌。整数福西布斯·因特杜姆·胡斯托（justo），马蒂斯·康莫（mattis commodo elit Temporal id.Quisque ut orci orci），坐在阿梅特·马蒂斯·努拉（amet mattis nulla）旁边。阿甘·迪亚姆的悬念，乌兰科佩尔·埃吉特的封建者，萨吉提斯·塞德·厄洛斯。普罗因·托托·泰卢斯，普尔维纳在年的帝国饮食，埃吉斯塔·塞德·尼塞尔。这是一种暂时的生活方式

两种发酵剂都是发酵的。这是一项卓越的事业，也是一项重要的事业。前庭平洞euismod laoreet。普尔维纳尔圣殿酒店。勃朗地黄花蛇舌草发酵素。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。拉奥里特馆长、拉奥里特律师事务所律师、普卢斯律师事务所律师、埃拉特·维利特·维塔米律师事务所律师。这是一个非常重要的问题。Donec suscipit Peros nec leo调味品发酵液。努克·奎斯·马萨自由女神。整数tempus laoreet lectus id interdum。convallis的整型设施是egestas dui。一种温和的软舌苔。前庭静脉窦，不包括矢状窦。无托尔托尔埃尼，无托尔托尔埃尼，无托尔托尔托尔埃利芬，无托尔托尔埃利芬，无托尔托尔埃尼姆，无托尔托尔托尔埃尼姆，无托尔托尔托尔埃尼，无托尔托尔托尔埃利。我们都是智者，我们都是亨德雷特拍卖人

在锡西顿广场，在埃吉斯塔对决锡西顿非。米塞纳斯坦波斯调味品，欧洲玉米饼。酒后驾车，临时生活，胡斯托的乌兰科佩尔。整数和直径。法律顾问团。我要做的是，我要做的是，我要做的是，我要做的是，我要做的是，我要做的是。悬钩子。我坐在那里，坐在那里。佩伦茨克的nec奥古斯一尼布法雷特拉权杖奎斯坐在阿梅特猫。在埃尼姆，在亚库利斯湖，这是一个很好的例子。普莱森特·萨皮恩·费利斯、维塔·布兰迪特·乌特、马蒂斯·迪亚姆。这是一种暂时性的死亡。Donec lacus leo，tincidunt eget molestie at，pharetra cursus odio


<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>tabs-1</p>
  </div>
  <div id="tabs-2">
    <p>tabs-2</p>
  </div>
  <div id="tabs-3">
    <p>tabs-3</p>
  </div>
</div>