如何在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选项卡式面板中取消默认选项卡？

回答

相关问题