2014-02-12 76 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