将指向当前页面的带有href的链接设置为活动链接(如果在subnav中,则将其父级设置为活动链接)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将指向当前页面的带有href的链接设置为活动链接(如果在subnav中,则将其父级设置为活动链接)相关的知识,希望对你有一定的参考价值。

look through the list items in your main nav and based on href of anchor tags this will set the top level link to have an 'active' class.
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $(".sf-menu li").children("a").each(function() {
  4. if(window.location.href == $(this).attr('href')){
  5. if($(this).parent().hasClass('main_link')){
  6. $(this).addClass('active');
  7. }else{
  8. var topLink = $(this).parents('.main_link');
  9. topLink.find('a').first().addClass('active')
  10. }
  11. }
  12. });
  13. });
  14. </script>

以上是关于将指向当前页面的带有href的链接设置为活动链接(如果在subnav中,则将其父级设置为活动链接)的主要内容,如果未能解决你的问题,请参考以下文章

Slick Slider - 从另一个页面创建链接

将当前路由或模板指定为活动链接 KnpMenu

如何从 CAS 登录页面添加指向新页面的链接

Magnolia CMS 中自定义内容类型的链接

将“活动”类添加到与当前单击的侧边栏菜单链接相同的 href

运行带有指向另一个查询的链接的查询。