アクティブなリンクjquery superfish

Question

私は質問があります。 は私が

<div id="menu" class="ge-navigation-item"> 
    <!-- navigation --> 
    <ul id="test" class="sf-menu sf-vertical sf-js-enabled sf-shadow"> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="#">About</a> 
     <ul> 
      <li><a href="index.html">Index</a></li> 
      <li><a href="#">Page</a> 
          <ul> 
           <li><a href="#">menu item</a></li> 
           <li><a href="#">menu item</a></li> 
           <li><a href="proef.html">menu item</a></li> 
           <li><a href="index.html">index</a></li> 
           <li><a href="#">menu item</a></li> 
          </ul> 
      </li> 
      <li><a href="page-fullwidth.php">Page - Full Width</a></li> 
     </ul> 
     </li> 
     <li><a href="showcase.php">Showcase</a></li> 
    </ul> 
    <!-- /navigation --> 
    </div> 

は私がしたいことはリンクをクリックすると、メニュー構造が見えるようになるということである次のような構造でjqueryのSUPERFISHメニューを使用し

だから、index.htmlをクリックすると、とのすべてのリンクにリンクを設定しますhrefのindex.htmlを しかしproef.htmlをクリックすると、hrefのproef.html上でアクティブなクラスを設定します - ページ - について

これまでのところ、私はこれを試してみましたが、悪い結果

var path = window.location.toString().split("/") 
path = path[path.length - 1] 
//alert (path); 
if (path) 
$("#test a[href='" + path + "']").addClass("actief"); 
$("#test ul li:has(a) a[href='" + path + 
    "']").parent().parent().parent().addClass("actief"); 

としています

Answer 1

ようこそstackoverflow。これを試してください：

var path = window.location.pathname.split('/'); 
path = path[path.length-1]; 

if (path !== undefined) { 
    $("#menu3").find("a[href='" + path + "']").addClass("actief"); 

} 

これは、現在のURLの最後の項目と一致するすべてのリンクにクラスを追加する必要があります。違う行為を探していたら、詳しく教えてください！

UPDATE
実際に、それはあなたがこれを必要とするようになっていますチェーンまで、すべてのa要素にクラスを配置します

var path = window.location.pathname.split('/'); 
path = path[path.length-1]; 

if (path !== undefined) { 
    $("#menu3") 
     .find("a[href$='" + path + "']") // gets all links that match the href 
     .parents('li') // gets all list items that are ancestors of the link 
     .children('a') // walks down one level from all selected li's 
     .addClass('actief'); 
} 

。

Answer 2

我々のようなものでした：

$("#sample-menu-1").find("a[href='"+window.location.pathname+"']").each(function() { 
$(this).parents('li').addClass("current"); 
$(this).closest('ul').css("visibility","visible").css("display","block"); 
}); 

動作するようだが、メニューマウスオーバーで、メニューは、現在の位置を保持していないが。

=== 更新 ===

親ULはメニューこれが唯一のアクティブリンクのための作品