Question

我在IE和Chrome中遇到onclick事件的问题。 click事件将在第一次执行时很好地工作，但之后的任何事件都不会被记录。我已经在IE和Chrome中检查了控制台，他们没有给我任何关于任何问题的信息。如果你们可以看一下，我已经粘贴了我的代码。

HTML

<div class="userChoice" id="userChoice">
      <a class="fauxBtn" id="memberLink" onClick="userSelection(memberLink);">I'm a Member</a>
      <a class="fauxBtn" id="nonMemberLink"  onClick="userSelection(nonMemberLink);">I'm a Non-Member</a>
      <a class="fauxBtn" id="studentLink" onClick="userSelection(studentLink);">I'm a Student</a>
</div>

的javascript

function userSelection(userChoice){
    var uC = userChoice.id;
    var userChoice = document.getElementById("userChoice");
    var memTest = document.getElementById("membershipTest");
    var memFail = document.getElementById("membershipFail");
    var memCosts = document.getElementById("memberCosts");
    var nonMemCosts = document.getElementById("nonMemberCosts");
    var studentCosts = document.getElementById("studentCosts");
    var para =  document.getElementById("preAmble");

    if(uC == "memberLink"){
        nonMemCosts.style.display = "none";
        memTest.style.display = "block";
        studentCosts.style.display = "none";
        userChoice.style.display = "none";
    }else if(uC == "nonMemberLink"){
        nonMemCosts.style.display = "block";
        memTest.style.display = "none";
        studentCosts.style.display = "none";
        userChoice.style.display = "none";
    }else if(uC == "studentLink"){
        nonMemCosts.style.display = "none";
        memTest.style.display = "none";
        studentCosts.style.display = "block";
        userChoice.style.display = "none";
    }
}

任何帮助都会有用。谢谢。

Answer 1

好的，你走了：你的Html中缺少ID ...

http://jsfiddle.net/Z3XvL/3/

<div class="userChoice" id="userChoice">
  <a class="fauxBtn" id="memberLink" href="javascript: userSelection('memberLink');">I'm a Member</a>
  <a class="fauxBtn" id="nonMemberLink"  href="javascript: userSelection('nonMemberLink');">I'm a Non-Member</a>
  <a class="fauxBtn" id="studentLink" href="javascript: userSelection('studentLink');">I'm a Student</a>
</div>
<div id="membershipTest">This is membershipTest</div>
<div id="membershipFail">This is membershipFail</div>
<div id="memberCosts">This is memberCosts</div>
<div id="nonMemberCosts">This is nonMemberCosts</div>
<div id="studentCosts">This is studentCosts</div>
<div id="preAmble">This is preAmble</div>

Javascript - onClick在IE和Chrome中无效

1 个答案: