当前状态:
感谢您的帮助,我设法将is-active类添加到我的链接中,但是,在主页上(/)现在每个链接都添加了is-active,而在其他页面上仍然没有 - 活跃课程..
所以,我有一个CMS(Wordpress),它在我的主导航中生成一个标签
使用functions.php文件,我已经设法为这些链接添加自定义类
但是,我需要在href属性之前添加这些类,原因我不明白.. :)(我正在使用javascript为当前正在进行的链接添加“is-active”类。这个如果班级在href之前,则完美地运作
这是我在Wordpress主题的functions.php文件中的函数:
function add_specific_menu_location_atts( $atts, $item, $args ) {
// check if the item is in the primary menu
if( $args->theme_location == 'primary' ) {
// add the desired attributes:
$atts['class'] = 'mdl-navigation__link';
}
return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_specific_menu_location_atts', 10, 3 );
这就是我用来创建is-active类的方法。
<script type="text/javascript">
$(function() {
$('nav a[href$="/' + location.pathname.split("/")[1] + '"]').addClass('is-active');
});
</script>