自己动手写个人网站——02修正导航栏功能

本文分享了在网站开发过程中遇到的导航栏按钮无法跳转的问题及解决过程,包括从使用过时的nav-justified类型导航栏转向nav-pills类型,并通过修改jQuery事件响应函数使页面在刷新时能自动定位到博客文章页面。

好不容易磨磨唧唧弄出一个可以看的网站界面,后来发现有个很大的问题:导航栏的按钮没法实现跳转。可能是我在前端方面练习得太少了,感觉自己很菜,测试了好几种方法都没搞定。更让我有点接受不了的是,里面的导航栏里的类型是nav-justified, 而这个类型在bootstrap文档里说明了是过时的。我也是醉了,过时了的东西还挂在最新的说明文档里推荐给大家使用。我是看这个导航栏好看才用的,现在功能上有些问题就只能放弃了。于是我用回了最原始的nav-pills类型的导航栏。

用回这个导航栏还遇到一个麻烦,我发现在刷新或刚打开我的网站的时候,页面无法自动定位到我的博客文章页面,而是全部都折叠起来。好在后来我修改了jQuery事件响应函数,模拟了用户点击博客属性页的动作解决了这个问题。

下面是我增加了自己写的文章的个人网站截图:

(全文完)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值