2

質問があります。次の構造のjqueryスーパーフィッシュメニューを使用します

<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>

私が欲しいのは、リンクをクリックするとメニュー構造が表示されることです

したがって、index.htmlをクリックすると、href index.htmlのすべてのリンクにリンクが設定されますが、proef.htmlをクリックすると、hrefproef.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");
4

2 に答える 2

2

スタックオーバーフローへようこそ。これを試して：

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

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

}

これにより、現在の URL の最後の項目に一致するすべてのリンクにクラスが適用されます。別の動作を探していた場合は、詳しく説明してください。

UPDATE
実際には、これが必要なようです： 

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');
}

aこれにより、チェーンのすべての要素にクラスが配置されます。

于 2010-12-14T21:17:49.227 に答える
1

私たちは次のようなことをしました：

$("#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が表示されないようにリセットされているようです

于 2011-08-26T14:03:11.257 に答える