JQuery SerialScroll Tabs 底部边框问题答案

【问题标题】：JQuery SerialScroll Tabs bottom-border IssueJQuery SerialScroll Tabs 底部边框问题
【发布时间】：2012-02-17 00:21:47
【问题描述】：

我已经实现了类似于 Scrollable Tabs 的 SerialScroll：

http://jsfiddle.net/NinjaSk8ter/WvpcR/

我想以某种方式消除显示 onload 的每个选项卡之间的小底边框：

之所以没有看到底部边框，而是在选项卡的正下方，是因为每个 .navigations li bottom-border 最初都设置为 -1：

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px -1px 0;
position: relative;
}

然后点击功能使底部边框出现在那些未选中的选项卡下方：

最好的解决方案是在加载时或在初始化函数中始终选择第一个选项卡，然后让底部边框一直显示在未选中的选项卡的底部。

有没有人知道我该如何实现它？

【问题讨论】：

标签： jquery css

【解决方案1】：

为了解决您的问题，您应该在此处的 css 类中将 margin-bottom 值设置为 0。

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px 0 0;
position: relative;
}

然后，您应该将“margin-bottom:-1px”添加到白色类。

.white {   
    border-top: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;    
    border-right: 1px solid #C6C6C6;    
    background-color: #F7F7F7; 
    margin-bottom:-1px;
}

http://jsfiddle.net/WvpcR/25/

【讨论】：

@sinanakyzaici 我想我以前试过那个，但由于某种原因，底部边框一直在加载时看起来有点奇怪。所以我只是坚持使用我的原始版本，您甚至几乎看不到开发站点上选项卡之间的那些边框。

【解决方案2】：

由于这些是“选项卡”，因此应始终选择第一个。

jQuery 选项卡总是选择第一个选项卡。几乎每个选项卡场景都是如此。

【讨论】：

这不是 JQuery 选项卡——我指出了它的 SerialScroll！