javascript - 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!' );
}