FBJS addClassName removeClassName 不起作用

Question

当人们单击选项卡时，我尝试向选项卡添加和删除类。这就是我现在所拥有的，它绝对没有任何作用......！

<script> 
<!-- 
function toggleClasses() {
   tab1 = document.getElementById("tab1");
   tab2 = document.getElementById("tab2");
   tab3 = document.getElementById("tab3");
   tab4 = document.getElementById("tab4");

   tab1.removeClassName("bstTabSelected").addClassName("bstTab");
   tab2.removeClassName("bstTabSelected").addClassName("bstTab");
   tab3.removeClassName("bstTabSelected").addClassName("bstTab");
   tab4.removeClassName("bstTabSelected").addClassName("bstTab");

}
//--> 
</script>

我打电话给它：

<a href="#" id="tab1" onclick="toggleClass()" class="bstTabSelected" clicktoshow="tab1" clicktohide="tab2,tab3,tab4">Tab 1</a>

我似乎无法弄清楚......谢谢！

Answer 1

您的函数名为 toggleClasses （复数），其中您的点击事件调用 toggleClass （单数）

编辑

您是否使用 Firefox 和 Firebug？ FBJS 不会覆盖控制台，这非常方便。确保你的函数正在运行

function toggleClasses()
{
  console.log( 'Hello from toggleClasses!' );
}