如果菜单项具有特定的 url,则在菜单项上添加 class(当前)
add class (current) on menu item if It has particular url
我有一个 WordPress 多站点。
如果 tt 有 url:
,我需要在菜单项上添加 class (current
)
www.mysite.com/clients
我试过这段代码但不起作用:
jQuery(document).ready(function($){
var url = $(location).attr('protocol')+"//"+$(location).attr('host')+"/clients/";
$('li a[href="'+url+'"]').addClass('current_page_item');
});
由于您尝试修改 HTML,因此您应该在 post 中包含 HTML。
这是一个大胆的猜测,但我猜这可能是一个解决方案:
$('a[href="'+url+'"]').addClass('current_page_item');
我猜选择器有点偏离,因为 url 可以是完整的,也可以是部分的...有或没有尾部斜杠。如果您提供一个带有链接的菜单和您所在的实际 url - 会更容易。但这也可以解决问题:
$("a[href*='" + location.pathname + "']").addClass('current_page_item');
我有一个 WordPress 多站点。 如果 tt 有 url:
,我需要在菜单项上添加 class (current
)
www.mysite.com/clients
我试过这段代码但不起作用:
jQuery(document).ready(function($){
var url = $(location).attr('protocol')+"//"+$(location).attr('host')+"/clients/";
$('li a[href="'+url+'"]').addClass('current_page_item');
});
由于您尝试修改 HTML,因此您应该在 post 中包含 HTML。
这是一个大胆的猜测,但我猜这可能是一个解决方案:
$('a[href="'+url+'"]').addClass('current_page_item');
我猜选择器有点偏离,因为 url 可以是完整的,也可以是部分的...有或没有尾部斜杠。如果您提供一个带有链接的菜单和您所在的实际 url - 会更容易。但这也可以解决问题:
$("a[href*='" + location.pathname + "']").addClass('current_page_item');