2014-02-12 34 views
0

我正在实现太长页面的选项卡。我的标签之前,原来的页面是在这里:JQuery Tab UI集成

[http://199.119.123.133/surety-bonds/commercial-bonds/contractor_license_bond_tabs.htm]

实现标签页后,我的页面在这里: [HTTP ://199.119.123.133/surety-bonds/commercial-bonds/contractor_license_bond_tabs.htm]

我的常见问题和视频不再显示在标签版本中。我相信这与CSS或JQuery问题有关,但在整个下午排除故障后,我都陷入了困境。

任何帮助或指导表示赞赏!

+1

的环节是相同的。 –

+0

你能说出你已经做过哪些尝试吗? – sissy

+0

哎呀!我发布了两次相同的链接。原始页面可以在这里找到:http://199.119.123.133/surety-bonds/commercial-bonds/contractor_license_bond.htm – user3303741

回答

0

有一个名为settings.css样式表可以在其中添加选项卡,隐藏了名单的规则太

.flat-tabs-left ul li { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
overflow: auto; 
opacity: 0; 
list-style: none; 
background-color: #fff; 
padding: 30px 25px; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 

如果你对此有何评论(使用浏览器检查)不透明度规则,并填充即可看到你的名单出现,尽管他们完全搞砸了。所以这是由样式表导致的选项卡造成的问题。我想这是一个插件或其他东西。

你可以尝试使用任何引导标签http://getbootstrap.com/javascript/#tabs或jQuery的标签https://jqueryui.com/tabs/

+0

谢谢Sissy!您的建议有助于展示我的常见问题解答和视频列表。但是,它也打破了选项卡的功能,因为从选项卡到选项卡的点击继续显示边界下方的先前选项卡。谢谢你的建议,但它帮助我找到一些方向! – user3303741

+0

是的,我告诉过你,这不是一个完整的解决方案,而是寻找解决问题的地方。很高兴帮助。 ;) – sissy