メニューのActive効果をURLにパラメーターがついても出したい

Question

こんにちは！
少しシンプルなメニューを作ってみました。そこで、メニューをクリックしてページ移動すると、そのページのメニューはaddClassでactiveさせて色が変わるようになっています。

<script type="text/javascript">
  $(document).ready(function () {
      var url = window.location;
      $('div.panel-body a[href="'+ url + '"]').addClass('active');
        $('div.panel-body a').filter(function() {
           return this.href == url;
      }).addClass('active');
  });
</script>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
          施設・設備・講義室</a>
      </h4>
    </div>
    <div id="collapse" class="panel-collapse collapse in">
      <div class="panel-body">
        <div id="collapse"　class="list-group">
          <a href="/campus" class="list-group-item">キャンパスマスタ</a>
          <a href="/facility" class="list-group-item">施設マスタ</a>
          <a href="/equipment" class="list-group-item">設備マスタ</a>
          <a href="/room" class="list-group-item">講義室マスタ</a>
        </div>
      </div>
    </div>
  </div>

すると、例えばちゃんパスマスタメニューを押して　http://localhost:8765/campus　に移動するとメニューがActiveされますが、http://localhost:8765/campus/view　に移動するとActive効果がなくなります。

やりたいことは、URLにパラメーターがついてもActive効果が効くようにしたいです。後ろにつくパラメーターを無視できれば動くはずですがJQueryやJavascriptの知識が薄くて上手くできませんでした。
どのように書けば問題なく動きそうですか？教えていただけますでしょうか。

どうぞよろしくお願いいたします。

Answer 1

試してないですが。

return url.indexOf(this.href) != -1

訂正

return url.href.indexOf(this.href) != -1

Comments

[lovelydai]

回答ありがとうございます。しかし、残念ながら動作しませんでした。T‗T

[Lhankor_Mhy]

それは残念。

[kei344]

To: Lhankor_Mhyさん
url と this.href が逆ならいけるような。

[Lhankor_Mhy]

あれ？
リンクURL(this.href)が現在のURL(url)に包含されているならクラス属性を付与する、だと思うので間違ってなさそうな……？

[kei344]

To: Lhankor_Mhyさん
すみません、寝ぼけてたようです。

[Lhankor_Mhy]

;)

[lovelydai]

コメントありがとうございます。うーん、教えていただいたコードにあるFUNCTIONなどを調べてみましたら、動きそうですが…コードを変えるとうまく動いたページも動きませんでした。何が問題でしょうかね…

[Lhankor_Mhy]

変更後のコードをご提示いただければ、何かご助言ができるかもしれません。

[lovelydai]

こんな感じです！お願いします！
<script type="text/javascript">
$(document).on('load',function () {
var url = window.location;
$('div.panel-body a[href="'+ url + '"]').addClass('active');
$('div.panel-body a').filter(function() {
return url.indexOf(this.href) != -1;
}).addClass('active');
});
</script>

[Lhankor_Mhy]

ああ、そうか、失礼しました。私の間違いです。訂正します。

[lovelydai]

Lhankor_Mhyさん、できました！まことにありがとうございます！