dedecms三级栏目高亮

// 示例代码：JavaScript实现三级栏目高亮
$(document).ready(function() {
    var url = window.location.pathname;
    $('ul.nav li a').each(function() {
        if (url.indexOf($(this).attr('href')) > -1) {
            $(this).parent().addClass('active');
            $(this).parent().parent().addClass('active');
            $(this).parent().parent().parent().addClass('active');
        }
    });
});

/* 示例代码：CSS样式定义 */
ul.nav li.active {
    background-color: #f00;
    color: #fff;
}

// 示例代码：动态加载内容后更新高亮状态
function updateHighlight() {
    var url = window.location.pathname;
    $('ul.nav li a').each(function() {
        if (url.indexOf($(this).attr('href')) > -1) {
            $(this).parent().addClass('active');
            $(this).parent().parent().addClass('active');
            $(this).parent().parent().parent().addClass('active');
        } else {
            $(this).parent().removeClass('active');
            $(this).parent().parent().removeClass('active');
            $(this).parent().parent().parent().removeClass('active');
        }
    });
}

$(document).ready(updateHighlight);
$(window).on('popstate', updateHighlight);