Question

我有以下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';
}

为什么无法激活displayTab功能？如果我使用onclick="alert('1')"更改onclick，它就可以了。我试过Opera和Firefox，两者都是一样的。错误控制台告诉我有一个

ReferenceError：未定义的变量displayTab

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

Answer 1

尝试使用

onClick="javascript:displayTab(1)"

<div> onClick运行javascript函数不能正常工作</div>

1 个答案: