2

我有以下html代码

<div id="userMenu">
  <ul>
    <li id="tab1">
      <div onclick="displayTab(1);" class="tab">Transaction History</div>
    </li>
    <li id="tab2">
      <div onClick="displayTab(2)" class="tab">Top Up</div>
    </li>
    <li id="tab3">
      <div onclick="displayTab(3);" class="tab">Profile</div>
    </li>
  </ul>
</div>
<div style="clear: both; margin: 15px; border: 2px solid #99ffff;">
  <div id="content1" class="tabContent">
    Content1
  </div>
  <div id="content2" class="tabContent" style="display: none;">
    Content2
  </div>
  <div id="content3" class="tabContent" style="display: none;">
    Content3
  </div>
</div>

javascript

function displayTab(tabNo){ alert(tabNo);
  for(i = 1; i < 4; i++){
    document.getElementById('content'+i).style.display = 'none';
  } 
  document.getElementById('content'+tabNo).style.display= 'block';
}

为什么显示选项卡无法激活？如果我将 onclick 更改为onclick="alert('1')"，它会起作用。我在 Opera 和 Firefox 上试过，结果都是一样的。错误控制台告诉我有一个

ReferenceError：未定义的变量 displayTab

请注意，这不是完整的代码。更疯狂的事实是，如果我按原样使用该代码（我放在这里的那个），它可以工作并且在错误控制台中没有错误。帮助，有人吗？

4

1 回答 1

-1

尝试使用

onClick="javascript:displayTab(1)"
于 2013-01-26T08:04:21.427 回答