本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

jquery导航栏超链接切换功能

小助手读文章 00:00 / 00:00

分享一篇导航栏超链接Tab切换样式的方法,网上很多直接切换的都是基于页面不会跳转的情况,一旦页面跳转刷新就会初始化,切换功能也就失效了,下面看代码:

<ul class="nav">
    <li><a href="/aaa">aaa</a></li>
    <li><a href="/bbb">bbb</a></li>
    <li><a href="/ccc">ccc</a></li>
</ul>
$(function() {
    $('.nav').find('li').each(function () {
        if (this.href == window.location.href || document.location.href.search(this.href) > 0) {
            $(this).addClass('active');
        }
    });
});

版权属于:作者名称

本站采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载外,均为本站原创文章,转载前请务必署名


MIROC
一个有趣的IT科技网站

推广

 继续浏览关于 的文章

 本文最后更新于 2021/02/23 17:53:09,可能因经年累月而与现状有所差异

 引用转载请注明:MIROC > 前端技巧 > jquery导航栏超链接切换功能

您当前正通过 IPv4 网络访问本站
您直接访问了本站,莫非记住了域名?