Javascript Zeige/Verstecke Elemente, warum funktioniert dieser Code nicht?

Also, wie Sie sehen können, ich amüsante JavaScript, um Elemente anzuzeigen/zu verbergen, aber wenn Sie auf die .png klicken, zeigt es den Text, aber nicht den Text des anderen Elements versteckt. Ich habe dieses Skript immer und immer wieder durchgesehen, und Google hat es ausspioniert und ich kann mir keine Antwort einfallen lassen. Ich denke, ich brauche ein anderes Paar Augen, also wenn jemand einen Blick darauf wirft, lass mich wissen, ob es Fehler gibt oder ob mir ein Code fehlt.Javascript Zeige/Verstecke Elemente, warum funktioniert dieser Code nicht?

<html> 
<head> 
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<script type="text/javascript" src="NKit.js"></script> 

<link rel="stylesheet" type="text/css" href="style.css" /> 

<script type="text/javascript"> 

function showStuff(id) { 
    document.getElementById(id).style.display = 'block'; 
} 
function hideStuff(id) { 
    document.getElementById(id).style.display = 'none'; 
} 

</script> 

</head> 

<body> 

<div class="content"> 

<section class="left"> 

     <p> 
      <a href="#" onclick="showStuff('character1');" onclick="hideStuff('character2');"><img src="character1.png" id="char1" /></a> 

     </p> 

     <p> 
      <a href="#" onclick="showStuff('character2');" onclick="hideStuff('character1');"><img src="character2.png" id="char2" /></a> 
     </p> 

</section> 

<section class="right"> 

     <span id="character1" style="display: none;">Show character1 information</span> 

     <span id="character2" style="display: none;">Character 2 information</span> 

</section> 

</div> 

</body> 
</html>

Quelle

2012-03-31 Carey Brown

Warum gibt es Abschleppzeiten "onClick" in jedem Anker? –

<a href="#" onclick="showStuff('character1');" onclick="hideStuff('character2');">

Auf dieser Linie, stellen Sie zuerst die Eigenschaft onclick-showStuff('character1'), dann Sie es hideStuff('character2') zuweisen.

Sie sollten also diese beiden Funktionsaufrufe in eine Funktion einschließen und dann diese Funktion onclick zuweisen.

onclick="function() { showStuff('character1'); hideStuff('character2'); }

Quelle

2012-03-31 21:40:13 Imp

Ich entfernte die Leerzeichen um 'onclick =' ... –

Javascript Zeige/Verstecke Elemente, warum funktioniert dieser Code nicht?

Antwort

Verwandte Themen