jquery - リンクのアクティブ状態を設定する際の問題

Question

サンプルメニューのデモを行っています。

効果はデモで希望どおりです。しかし、自分のウェブサイトで同じものをhref="#"に置き換えて適用するとhref="XXX.aspx"、効果が期待どおりになりません。何も機能していないようです。

どこが間違っているのか、誰でも助けてくれますか?

Answer 1

これは私にとってはうまくいきました。

$('#Menu ul li a').each(function() {
    var path = window.location.href;
    var current = path.substring(path.lastIndexOf('/') + 1);
    var url = $(this).attr('href');

    if (url == current) {
        $(this).addClass('active');
    };
});