您好,我使用了 jquery 选项卡,然后我的输出就像
我需要得到喜欢(需要删除所选选项卡下方的行)
我的代码是这样的
CSS:
<script type="text/css">
body {
background-color: #eef;
}
#tabs {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
</script>
布局:
<div id="tabs" style="min-height:200px;">
<ul>
<li><a href="#mission">Mission</a></li>
<li><a href="#vision">Vision</a></li>
<li><a href="#noticeBoard">Notice Board</a></li>
</ul>
<div id="mission">
<p>${homePage.mission}</p>
</div>
<div id="vision">
<p>${homePage.vision}</p>
</div>
<div id="noticeBoard">
</div>
</div>
js:
$("#tabs").tabs();
谁能帮我做这件事
最佳答案
也许您在某些时候更改了默认 CSS,因为默认情况下这是选项卡的样式。检查这个 Demo Fiddle
隐藏事件选项卡底部边框的样式是这样的:
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px; padding-bottom: 1px;
}
关于jquery - 需要自定义jquery tabs css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21243594/