当前位置: 首页 > 面试题库 >

使用jQuery或PHP将“ .active”类添加到菜单中当前页面的链接中

谢泉
2023-03-14
问题内容

我需要.active在页面上活动任务的菜单链接上添加类。我正在使用localhost,以下是一些示例URL:

http://localhost/webapp/index.php?task=validate
http://localhost/webapp/index.php?task=register

菜单的结构:

    <div class="menu">
       <ul class="sf-menu">
          <li><a href="index.php">Inicio</a></li>
          <li><a href="?task=validator">Validar</a></li>
          <li><a href="?task=register">Registro</a></li>
       </ul>
    </div>

问题答案:

您可以使用jQuery遍历所有链接,并将它们的URL与进行比较location。这是一个例子:

$(".sf-menu a").filter(function(){
    return this.href == location.href.replace(/#.*/, "");
}).addClass("active");


 类似资料:
  • 我有这样的菜单结构: 如果单击菜单中的相同href,我想将活动类添加到选项卡中,即: 我正在处理这段代码,但它似乎与我想要达到的目标不太接近: 如何添加活动类到选项卡和删除它从所有其他与点击相同的href链接点击在下拉菜单? 欢迎任何建议

  • 问题内容: 我想将html导航放到一个单独的php文件中,因此当我需要对其进行编辑时,只需要对其进行一次编辑即可。当我要将活动类添加到活动页面时,问题就开始了。 我有三页和一个普通文件。 common.php: index.php: 除了每页的$ page不同之外,所有三个页面都是相同的。 除非我在每页上放置导航,否则这根本行不通,但是将导航与所有页面分开的整个目的就毁了。 我想实现的目标甚至有可

  • 我使用下面的代码将活动类添加到菜单项。该网站是99%使用WooCommerce的Ecomm,我使用产品类别作为顶级导航项目。下面的代码适用于几乎所有项目,除非在产品子类别上处于活动状态。 本质上,我希望顶层导航项被标记为活动类,即使选择了子类别。

  • 问题内容: 动态标题,使用PHP将CSS类更改为活动目录(目录) 我希望标记的类在活动目录下更改…现在,每个指南都向我展示了当您的页面等于它时如何执行此操作,但是我想根据目录上的内容更改它 网址设置: 该URL是教程的页面。…在“ tutorials”目录下,在“CSS”类别目录下,而不是页面标题(所有这些目录都不是真实的,都是从.htaccess重写的)。不相关的] 导航设置: 问题答案: 想通

  • 我正在创建一个wordpress插件,让用户登录并上传文件,在后端管理员中,用户可以登录并设置权限等 这里是php文件生成前端现在im添加这个作为模板和创建前端的事情我想做的是把这个代码也在插件。。,是否有相关的钩子,但我没有找到合适的钩子。。。。

  • 我在wordpress中为buddypress创建了一个自定义菜单。 链接始终包含当前用户。在本例中,用户"admin /成员/管理员/个人资料/ 我必须做什么才能使链接始终指向当前用户?