2013-04-08 80 views

回答

1

其實,這個問題是由「tabs_old.js」文件引起的。

在其線17-21,它具有:

//hide two tab contents we don't need 
var pages = tabcon.getElementsByTagName("div"); 
    for (var i = 1; i < pages.length; i++) { 
    pages.item(i).style.display="none"; 
}; 

而且這些代碼隱藏在第二個選項卡(第2頁)所有的資料覈實。當在Firebug中刪除這種樣式(在第2頁的每個DIV中刪除style =「display:none;」)時,可以成功地看到燈箱效果。

所以,你應該修改或刪除上面的行,讓您的內容正確顯示在頁面上。換句話說,它應該是隻有第一級的Tab DIV纔會有「display:none;」但不是所有的DIV。否則,即使設置了「display:block」,它也只會顯示指定類的DIV,但不包括其首先隱藏的子DIV。

+0

非常感謝,但我真的有以下這很難,所以我在「tabs_old.js」去掉那些線,然後重新加載該頁面,所有內容顯示第一個,默認的選項卡,切換tabsit排序節目時,對正確的內容,但仍然...在實際的HTML我甚至沒有「顯示:無」在第2頁的這些div,它只在螢火蟲中顯示,所以是的,我真的不知道該怎麼辦,我顯然沒有明白你的意思。就像,通過步驟litterally我應該怎麼做? – 2013-04-08 02:12:50

+0

嗨,你不需要通過JavaScript隱藏所有的DIV和標籤頁的子DIV。首先,刪除上面的這些行。其次,使用普通的CSS來隱藏所有的標籤頁。例如,你把:.tabpage {display:none; }在你的CSS文件中。這將通過CSS隱藏所有標籤頁。通過這種方式,您將可以使用標籤頁。 – AYoiS 2013-04-08 02:28:19

+0

非常感謝,好吧,我在javascript中刪除了這些行,創建了「tabpage {display:none;}」,它總體上工作正常,但有一點 - 當我第一次加載頁面時,它不顯示任何內容內容,第一個選項卡處於選定模式,但只有當我實際點擊它時,Tab的內容纔會出現。任何想法如何使頁面加載時自動顯示第一個選項卡的內容? – 2013-04-08 02:47:10