Question

我在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>

Answer 1

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

Answer 2

这可能是最笨拙的解决方法，但至少它很容易做到。找到您的SpryTabbedPanels.js文件，看看第一个函数是什么样的。如果你在某处某行this.defaultTab = 0;发表评论，看看会发生什么。它应该使面板不可见。

您可能还想摆脱javaScript错误，因此找到包含panels[tpIndex].style.display = "block";的行并将其替换为：

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

实际上，如果页面上有多个面板组，您还需要进行第二次校正。否则只隐藏第一个面板组。

这应该有效。至少它适用于使用DW CS3制作的Spry。但它看起来丑陋恕我直言。没有过渡/动画。但是，第一次加载页面时，至少没有可见的面板。当然，标签是可见的。

Answer 3

SpryCollapsiblePanel.js

顶部：

this.contentIsOpen = false;

（将true替换为false）

Dreamweaver CS6

如何在Dreamweaver中的Spry选项卡面板中取消设置默认选项卡？

3 个答案: