javascript - Comment récupérer le Dom après avoir actualisé la page?

Question

J'ai utilisé include.js. Après avoir rendu la barre latérale indépendante, cliquez sur li dans la barre latérale, li contient un lien vers d'autres pages.

点击li后 让li上面  >首页>关于我们 中的 关于我们, 点击不同的li改变成相对应的文字.

Code :

HTML:
<p class="current_page clearfix">
<img src="../images/manage_money_arrow.png" alt="" class="fl">
<span class="fl">首页</span>
<i class="fl"><img src="../images/manage_money_gt.png" alt=""></i>
<span class="cur_page">关于我们</span>

</p>

<p class="left_nav fl">

    <ul>
        <li><a href="aboutus.html#0">关于我们<i></i></a></li>
        <li><a href="team.html#1">团队介绍<i></i></a></li>
        <li><a href="honor.html#2">荣誉资质<i></i></a></li>
        <li><a href="law.html#3">法律顾问<i></i></a></li>
        <li><a href="partner.html#4">合作伙伴<i></i></a></li>
        <li><a href="safe.html#5">安全保障<i></i></a></li>
        <li><a href="index.html#6">公司新闻<i></i></a></li>
        <li><a href="recruitment.html#7">招贤纳士<i></i></a></li>
        <li><a href="contactus.html#8">联系我们<i></i></a></li>
        <li class="img">
            <img src="../images/about_left_pic.png" alt="">
        </li>
    </ul>

</p>

JS:
$('.left_nav ul li').on('click', function () {

        var a = $(this).text();
        //alert(a);
        $('.cur_page').html(a);

    })
重点: 由于被独立出来,所以每次点击li的时候,页面都会刷新,文字刚被加上,一刷新就又变回去了.求大神指导! 感谢!

Answer 1

un lien a une adresse, cliquez dessus et il accédera à l'adresse
Si vous ne voulez pas sauter, donnez un retour faux ou changez l'adresse en #

.

Answer 2

Après l'avoir regardé, vous souhaitez probablement faire une navigation par fil d'Ariane. Généralement, ce type de navigation par fil d'Ariane prend directement la valeur de l'arrière-plan, y compris votre navigation li, qui doit être générée par l'arrière-plan. S'il est écrit dans un langage backend, il s'agit probablement d'obtenir la position de la page actuelle et le supérieur de la page actuelle, puis de les boucler s'ils sont implémentés sur le front-end. . . Je n’y avais jamais pensé auparavant, peut-être ? Je veux y aller.

Answer 3

En regardant votre code, c'est la même chose que le fil d'Ariane.

Votre lien renvoie vers une nouvelle page.
Est-il possible de modifier le texte dans l'en-tête de la nouvelle page ?

Answer 4

Pour les événements clic JS, il est recommandé d'utiliser la délégation

Selon vos caractéristiques href, l'écriture JS se déclenche lorsque la page est complétée :

var lia;
$('.left_nav ul').find('a').each(function(){
    if(this.hash==location.hash){
        lia=this;
        return false;
    }
});
lia && $(lia).parent().addClass('img');

Manuscrit, non vérifié, il suffit de comprendre le sens