• 如何给引入的公共的当前导航添加样式???


    因为头部是公共的,所以无法通过添加类的方式控制当前选中的类的颜色等样式。我们只能通过其他方法解决。

    1、原理:首先找到当前a,然后循环判断,如果浏览器地址栏地址和a的href相等,就说明当前导航找到,添加定义的类。

    2、代码

    $(document).ready(function() {
      var mynav = $('.navbar-nav>li').find('a'); //寻找导航的a元素
      for(var i = 0; i < mynav.length; i++) {  //循环遍历
        var links = mynav[i].getAttribute('href'); //取出每个链接的href属性的值     var myurl = document.location.href; //取出当前窗口的链接     if(myurl.indexOf(links) != -1) { //判断浏览器地址是否等于当前a元素的href属性       mynav[i].className = "nav-hover"; //添加类     }   } })

    3、详解indexof方法

      indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

      如果要检索的字符串值没有出现,则该方法返回 -1。

    注意:indexOf() 方法对大小写敏感!

  • 相关阅读:
    继续致歉
    向大家致歉!!
    访问速度调查
    致歉
    [功能改进]通过Blog客户端直接发随笔至网站分类
    带宽升级公告
    创业团队的类型
    [讨论]基于.NET的开源论坛软件的选择
    调整一下工作的节奏
    公告
  • 原文地址:https://www.cnblogs.com/candy-Yao/p/7400223.html
Copyright © 2020-2023  润新知