javascript - 页面刷新后怎么再次获取dom?-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - 页面刷新后怎么再次获取dom?

怪我咯 2017-05-19 10:14:25

[JavaScript讨论组]

732

我使用了include.js. 把侧边栏独立出来之后,点击侧边栏里的li,li包含a链接别的页面.
问题是:

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

代码:

HTML:

首页关于我们

    
        关于我们
        团队介绍
        荣誉资质
        法律顾问
        合作伙伴
        安全保障
        公司新闻
        招贤纳士
        联系我们

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

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

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

怪我咯

走同样的路，发现不同的人生

全部回复(4)

天蓬老师2017-05-19 10:16:25 4楼

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

赞 +0

添加回复

ringa_lee2017-05-19 10:16:25 3楼

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

赞 +0

添加回复

漂亮男人2017-05-19 10:16:25 2楼

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

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

赞 +0

添加回复

習慣沉默2017-05-19 10:16:25 1楼

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');

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>