メニュー内のスラッシュがアクティブなリンクを停止する - javascriptによって制御される

Question

私はJSを使用してメニュー内のアクティブなリンクをアクティブにしています。

問題は、私のCMSはメニュー項目の前にスラッシュを挿入しています。それができるだけ早く、JSはもはや動作しません。私がスラッシュを取り除くと、再び動きます。

フォワードスラッシュを使用して、またはスラッシュなしでどのように動作させることができますか？

ここで私は上でそれをテストしてるページです：http://www.sunseedor...k/products1.php

JSは次のとおりです。

$（関数（）{ のvar $ページ= jQuery.url.attr（ "ファイル"）; 。 $（ 'ul.top-NAVリチウムのA'）それぞれ（関数（）{ 変数$ HREF = $（この）.ATTR（ 'のhref'）; IF（（$のHREF == $ページ）||（$ href == '））{ $（this）.addClass（' on '）; else { $（this）.removeClass（ 'on'）; } }）; }）;

Answer 1

あなたがこのしようとする場合があります：

$(function(){ 
    var currUrl = window.location.href; 
    if(currUrl.substr(-1) == "/") 
    jQuery.url.setUrl(currUrl.substr(0,currUrl.length-1)); 

var $page = jQuery.url.attr("file"); /* this comes as null 
              if the URL has ending slash*/ 

$('ul.top-nav li a').each(function(){ 
var $href = $(this).attr('href'); 
    if (($href == $page) || ($href == '')) { $(this).addClass('on'); } 
else { 
$(this).removeClass('on'); 
} }); 
});