1 回答

TA貢獻(xiàn)2080條經(jīng)驗(yàn) 獲得超4個(gè)贊
首先你有一個(gè)拼寫(xiě)錯(cuò)誤,將var $(a) = $('.a')
其更改為var $a = $('.a'),
您不需要為每個(gè)鏈接創(chuàng)建點(diǎn)擊事件
你可以做這樣的事情
為每個(gè)鏈接提供一個(gè)PageSection
屬性,將其值設(shè)置為要隱藏/顯示的部分的類(lèi)
也給它相同的類(lèi),.nav
這樣我們就可以只編寫(xiě)一個(gè)點(diǎn)擊事件
<li pageSection="aboutGoal" class="nav">
將每個(gè)頁(yè)面部分 div 放入容器 div 中,以便我們可以在單擊鏈接時(shí)將它們?nèi)康?/p>
<div id="Pages">
然后使用這個(gè)點(diǎn)擊事件
$(document).ready(function () {
//view only home section first time
$("#Pages").children().hide();
$(".Home").show();
//when clicking on a li element with class nav
$("li.nav").click(function () {
//fadout every div inside Pages div
$("#Pages").children().fadeOut();
// FadeIn element with class is the same name as the pageSection property from the Li we clicked
$("." + $(this).attr("pageSection")).fadeIn();
//remove active class for every li element with class nav
$("li.nav").removeClass("active");
//add active class for the li element we clicked
$(this).addClass("active");
});
});
實(shí)例: https ://codepen.io/vkv88/pen/gOaLgrj?editors=0010
- 1 回答
- 0 關(guān)注
- 191 瀏覽
添加回答
舉報(bào)