解决pjax调用后导航高亮失效 - 起点终站

我们应该感谢相遇,无论结局是喜是悲....
解决pjax调用后导航高亮失效
  • 首页 > IT技术
  • 作者:起点终站
  • 2016年9月10日 0:11 星期六
  • 浏览:18528
  • 字号:
  • 评论:4
  • pjax调用后导航高亮失效的问题用过的人应该都知道,除非你把导航加入了加载列表。。之前查过一些资料,有种说法是修改pjax?23%什么鬼的,反正要说不说的没说清楚。。。纯属装逼


    前些天跟鬼少讨论这个问题,他提供了2个思路,顿时醍醐灌顶,之前进入误区了,为什么非要从pjax本身上下手呢。。。。


    第一种思路:绑定导航按钮

    点击导航的时候移除所有高亮并给自己加上高亮,点击非导航的按钮时移除所有高亮,代码如下

    <script>
    $("#nav-two .item").on("click",function(){
    	$(".current").removeClass("current");
    	$(this).addClass("current");
    });
    
    $("#logo").on("click",function(){
    	$(".current").removeClass("current");
    });
    </script>
    请自行修改你对应的id和class名。。。



    第二种思路:pjax回调判断url

    在pjax回调时遍历判断当前url与哪个导航一样,然后移除其它高亮给自己加上高亮。。。

    嗯,我没用这个方法,所以代码你自己写




      您阅读这篇文章共花了:  
    本文作者:起点终站      文章标题: 解决pjax调用后导航高亮失效
    本文地址:https://blog.hellozwh.com/?post=202
    版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
    • blogger
    Suppore2016-09-11 17:37
    ajax比pjax好上手些。
    起点终站 没错,我就是那个帅逼站长2016-09-11 20:08
    说实话,不知道,我连PJAX源码都没去看过长啥样
    文栋说2016-09-11 17:09
    高手的博客,满满的技术教程,厉害,哈哈
    起点终站 没错,我就是那个帅逼站长2016-09-11 17:11
    菜鸟一枚,努力学习中…
    返回顶部| 首页| 手气不错| 网站地图| sitemap| 装逼生成器| 站长介绍|

    Copyright © 2016-2019 起点终站 闽ICP备16011094号-1