ウェブページでタブが表示される

Question

CSSとJavaScriptを使用してページ内にイメージサムネイル用のタブがあります。私のページを読み込んだとき、それはタブのみを表示したが、相対タブのコンテンツは表示しなかった。コードを探して助けてください。

Javascriptを：私は基本的にあなたのコード内の2つのタイプミスを見た

<script> 
    function openCity(evt, cityName) { 
     var i, tabcontent, tablinks; 
     tabcontent = document.getElementsByClassName("tabcontent"); 
     for (i = 0; i < tabcontent.length; i++) { 
      tabcontent[i].style.display = "none"; 
     } 

     tablinks = document.getElementsByClassName("tablinks"); 
     for (i = 0; i < tabcontent.length; i++) { 
      tablinks[i].className = tablinks[i].className.replace(" active", ""); 
     } 

     document.getElementById(cityName).style.display = "block"; 
     evt.currentTarget.className += " active"; 
    } 
</script> 

Answer 1

...

それは本当にですはを食べるか、またはあなただけの入力ミスやEVTすべきですか？

function openCity(eat, cityName) { 

と基本的には、この時点では未使用であることtablinks変数を引き起こし、これが

tablinks = document.getElementsByClassName("tablinks"); 
    for (i = 0; i < tabcontent.length; i++) { 

は、だから私はそれを修正し、あなたは、このコードLGTMとして、もう一度試みることができるあなたのコードを壊すことができ

<script> 
    function openCity(evt, cityName) { 
     var i, tabcontent, tablinks; 

     tabcontent = document.getElementsByClassName("tabcontent"); 
     for (i = 0; i < tabcontent.length; i++) { 
      tabcontent[i].style.display = "none"; 
     } 

     tablinks = document.getElementsByClassName("tablinks"); 
     for (i = 0; i < tablinks.length; i++) { 
      tablinks[i].className = tablinks[i].className.replace("active", ""); 
     } 

     document.getElementById(cityName).style.display = "block"; 
     evt.currentTarget.className += " active"; 
    } 
</script> 

の場合、+ IE8をサポートする必要がない場合は、マップ方式でこれを置き換えることができます。http://caniuse.com/#feat=es5