第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

為什么當(dāng)我單擊導(dǎo)航按鈕時(shí) jQuery fadeIn 和 fadeOut 不起作用?

為什么當(dāng)我單擊導(dǎo)航按鈕時(shí) jQuery fadeIn 和 fadeOut 不起作用?

慕婉清6462132 2024-01-22 15:33:59
單擊此導(dǎo)航按鈕后,不會(huì)顯示“about-goal”中的內(nèi)容。我需要在單擊“關(guān)于我”按鈕時(shí)顯示“關(guān)于目標(biāo)”內(nèi)容,并且還需要在單擊“主頁(yè)”按鈕時(shí)在同一頁(yè)面上顯示主頁(yè)。請(qǐng)幫忙。PS:我是初學(xué)者,只是想創(chuàng)建我的第一個(gè)網(wǎng)站。非常感謝!    $(document).ready(function(){                $('a').click(function(){                    //alert("i am click");                    var selected = $(this);                    $('a').removeClass('active');                    $(selected).addClass('active');                });                var $(a) = $('.a'),                $b = $('.b'),                $c = $('.c'),                $d = $('.d'),                $home = $('.home'),                $aboutGoal = $('.aboutGoal');                $a.click(function(){                    $home.fadeIn();                    $aboutGoal.fadeOut();                });                $b.click(function(){                    $home.fadeOut();                    $aboutGoal.fadeIn();                });            }); <ul>  <li class="a"><a href="#">Home</a></li>  <li class="b"><a href="#">About Me</a></li>  <li class="c"><a href="#">My Gallery</a></li>  <li class="d"><a href="#">Contact Me</a></li></ul><div class="aboutGoal">  <div class="about-me">    <h2>MY NAME IS...</h2>    <p class="p1">My name is... , 23 yrs. Old. I’m an aspiring web developer who loves everything about the web. I've lived in lots of different places and have worked in lots of different jobs. I’m excited to bring my life experience to the process of building fantastic      looking websites.</p>    <p class="p2">I’ve been a Service Desk Engineer in IBM and am a life-long learner who's always interested in expanding my skills.</p>  </div>
查看完整描述

1 回答

?
犯罪嫌疑人X

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


查看完整回答
反對(duì) 回復(fù) 2024-01-22
  • 1 回答
  • 0 關(guān)注
  • 191 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)