如何在Dreamweaver中的Spry選項卡式面板中取消默認選項卡？

我在Dreamweaver中有一個Spry選項卡式面板，第一個選項卡在頁面加載時打開。我不想在加載頁面時打開任何選項卡。我該怎麼做？如何在Dreamweaver中的Spry選項卡式面板中取消默認選項卡？

謝謝！

這是我的html：

<ul class="TabbedPanelsTabGroup"> 
    <li class="TabbedPanelsTab play" tabindex="0"><h4>Play! Framework</h4></li> 
    <li class="TabbedPanelsTab ruby" tabindex="1"><h4>Ruby on Rails</h4></li> 
    <li class="TabbedPanelsTab api" tabindex="2"><h4>Restful Api</h4></li> 
    </ul>

來源

2013-02-05 Sandra

這可能是可用的變通方法笨，但至少它很容易做到。找到您的SpryTabbedPanels.js文件並查看第一個函數的樣子。如果你有某條線this.defaultTab = 0;發表評論，看看會發生什麼。它應該使面板不可見。

您也可能想擺脫JavaScript錯誤的，從而找到包含panels[tpIndex].style.display = "block";一條線，將其替換爲：

if(panels[tpIndex]){ 
    panels[tpIndex].style.display = "block"; 
}

其實你也需要做第二次修正，如果你有一個以上的面板組在頁面上。否則，只有第一個面板組被隱藏。

這應該工作。至少它適用於使用DW CS3製作的Spry。但它看起來醜陋恕我直言。沒有轉換/動畫。但是當頁面首次加載時，至少沒有可見的面板。當然，選項卡是可見的。

來源

2013-02-05 14:14:28

謝謝！有用！我只需要在以下代碼中刪除defaultTab： '' – Sandra

@Sandra很高興知道這一點，即使看起來我們有不同版本的Spry在使用（我的v1.4從2006年開始，哎喲...）。如果您有任何錯誤，請檢查您的錯誤日誌。在這個舊的Spry版本中，'display''塊被賦予選中的選項卡，但是它不能被賦予，因爲在頁面加載之後沒有選項卡被選中（因爲缺省的選項卡被忽略）。 –

$('ul > li').removeClass('selected');

來源

2013-02-05 12:23:40 asifsid88

謝謝，但我應該把這個代碼？其實我不明白JavaScript。我已經改變了選項卡式面板的CSS，但我沒有改變JavaScript中的任何內容。 – Sandra

你的答案是一個jQuery答案 - 桑德拉要求一個JavaScript的答案。 – MarcoK

如何在Dreamweaver中的Spry選項卡式面板中取消默認選項卡？

回答

相關問題