javascript - Wie bekomme ich den Dom nach dem Aktualisieren der Seite wieder zurück?

Question

Ich habe include.js verwendet. Nachdem ich die Seitenleiste unabhängig gemacht habe, klicke ich auf li, das einen Link zu anderen Seiten enthält

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

a链接是有地址的，点击了就跳地址呀，
不想跳，给个return false,要么把地址改成#

Answer 2

看了下你大概就是想做面包屑导航吧，一般这种是直接取后台的值的，包括你的那些 li 导航，应该都是由后台生成的。如果用后台语言写，大概就是获取当前页面的位置和当前页面的上级，循环取出来就行了，前端实现的话。。。之前没想过，也许也可以？我想想去。

Answer 3

看了你的代码，跟面包屑导航一样的。

你的a链接里面是跳转到新的页面，
在新的页面里面改变头部的那个文字，可以么？

Answer 4

JS的点击事件，建议用委托

根据你的href特点，JS写在页面完成时触发：

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

手写的，没验证，明白意思就行