被要求製作SPA披薩店並遇到顯示和隱藏功能的問題。僅在主頁顯示在任何時候都jquery導航顯示和隱藏多個頁面
<nav>
<div>
<ul>
<li><a href="#home" id="navHome" class="links" rel="Home">Sicilian Home</a></li>
<li><a href="#menu" id="navMenu" class="links" rel="Menu">Sicilian Menu</a></li>
<li><a href="#about" id="navAbout" class="links" rel="About">Sicilian About</a></li>
</ul>
</div>
</nav>
$(document).ready(function()
{
$("navHome").click(function (event) {
$("home").show();
$("menu", "about").hide();
});
$("navMenu").click(function (event) {
$("menu").show();
$("about", "home").hide();
});
$("navAbout").click(function (event) {
$("about").show();
$("home", "menu").hide();
});
}
如果任何人都可以提出一個可以幫助我的建議,一直坐在這裏一段時間,並且確定這是一件簡單的事情,而且在我的臉上,但是已經看了太久。 – Ant 2015-02-24 19:00:15
你的選擇器是錯誤的,你應該包含哈希符號。例如:#home,#menu,#about – slashsharp 2015-02-24 19:02:10
仍然只顯示那個家。有人告訴我,它可能是document.ready和其他人都說可能是因爲裏面有對方,而不是在同一水平... – Ant 2015-02-24 19:04:09