如何解決在我的頁面中未顯示的選項卡？

jquery starter在這裏我的問題是，每次我點擊主頁，關於，聯繫和登錄標籤將不會顯示，我該如何解決這個問題？任何想法如何解決這個問題對我來說都是很大的幫助。謝謝。如何解決在我的頁面中未顯示的選項卡？

//我的代碼

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>trial</title> 
    <link rel="stylesheet" href="css/reset.css" type="text/css"> 
    <link rel="stylesheet" href="css/style.css" type="text/css"> 
    <script src="http://code.jquery.com/jquery-1.8.1.js"></script> 
    <script> 
     $(function() { 
      var tabContainers = $('section.tabs > article'); 
      tabContainers.hide().filter(':home').show(); 

      $('section.tabs ul.tabsNav a').click(function() { 
       tabContainers.hide(); 
       tabContainers.filter(this.hash).show(); 
       $('section.tabs ul.tabsNav a').removeClass('selected'); 
       $(this).addClass('selected'); 
       return false; 
      }).filter(':home').click(); 
     }); 
    </script> 
</head> 
<body> 
<div id="siteWrapper"> 
    <header id="siteHead"> 
     <h1>Header</h1> 
    </header> 
    <nav id="siteNav"> 
     <h1>Navigation</h1> 
     <ul class="tabsNav"> 
      <li><a href="#home">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li class="log"><a href="#login">Log In</a></li> 
     </ul> 
    </nav> 
    <section id="siteContent" class="tabs"> 
     <h1>Section</h1> 
     <article id="home"> 
      <h2>Home</h2> 
      </article> 
     <article id="about"> 
      <h2>About</h2> 
     </article> 
     <article id="contact"> 
      <h2>Contact</h2> 
     </article> 
     <article id="login"> 
      <h2>Login</h2> 
     </article> 
    </section> 
    <footer id="siteFooter"> 
     <h1>Footer</h1> 
    </footer> 
</div> 
</body> 
</html>

來源

2012-08-31 Brained Washed

理清第一件事情就是你有很多的ID在關閉

標籤屬性，看看例如接觸。 – DaveR

如何解決在我的頁面中未顯示的選項卡？

回答

相關問題