为什么当我按下按钮时所有信息都消失了

时间:2018-08-22 20:22:21

标签: jquery html css

我正在创建一个网站,您可以在其中更改语言(在本例中为波兰英语)。所有文本都会在需要时更改语言。但是,我的网站包含一个菜单,该菜单一开始就使用锚,单击该菜单时会向下滚动到特定的“章节”,问题是当我使用波兰语时,它会使所有内容消失,但是当我使用波兰语时,它将滚动用英语

<div id="en" class="menu">
        <h1>kaszam.ga</h1>
        <p id="dateCountEn"></p>
        <ul>
            <li><a href="#aboutMe">about me</a></li>
            <li><a href="#pcSpecs">pc specs</a></li>
            <li><a href="#accounts">accounts</a></li>
            <li><a href="#usefulLinks">useful links</a></li>
        </ul>
    </div>

    <div id="pl" class="menu">
        <h1>kaszam.ga</h1>
        <p id="dateCountPl"></p>
        <ul>
            <li><a href="#aboutMe">o mnie</a></li>
            <li><a href="#pcSpecs">specyfikacje kompa</a></li>
            <li><a href="#accounts">konta</a></li>
            <li><a href="#usefulLinks">przydatne linki</a></li>
        </ul>
    </div>

<div class="spacer2" id="aboutMe"></div>

    <section>
        <div id="en">
            <h1>About me</h1>
            <p>My name is Maksym Kasza</p>
            <p>I was born on 23rd November 2001 (23/11/2001) in Poland</p>
            <p id="ageEn"></p>
            <p>I've been living in England since 2008</p>
            <p>I can speak 2 languages fluently</p>
            <p>This website was created by me</p>
        </div>
        <div id="pl">
            <h1>O mnie</h1>
            <p>Nazywam się Maksym Kasza</p>
            <p>Urodziłem się 23 listopada 2001 (23.11.2001) w Polsce</p>
            <p id="agePl"></p>
            <p>Mieszkam w Anglii od 2008 roku</p>
            <p>Potrafię płynnie mówić w 2-óch językach</p>
            <p>Ta strona została stworzona przeze mnie</p>
        </div>
    </section>

1 个答案:

答案 0 :(得分:1)

这是因为您的点击监听器附在了波兰语链接上:

<body class="en">

$("#pl").click(function(){
    $(".en").hide();
    $(".pl").show();
}); 

您的身体具有en类,因此,当您单击任何抛光链接时,您将隐藏整个身体。