时间戳

首页 > 解决方案 > 为什么我按下按钮时所有信息都消失了

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

问题描述

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

<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>

标签： jqueryhtmlcss

解决方案

这是因为您的点击监听器附加到波兰链接：

<body class="en">

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

你的身体有 en 类，所以当你点击任何波兰语链接时，你会隐藏整个身体。

推荐阅读