1

このプラグインが素晴らしく便利だと感じる人もいると思います。私の問題は、このプラグインがいくつかの DOM 操作を行い、ナビゲーションを非表示にし、ドロワー トリガーでのみ表示できることです。

スクリプトがページに DOM の変更を加えずに、ページでこのプラグインを使用する方法を知っていますか?

また、このプラグインの代替手段を知っていますか? http://mmenu.frebsite.nl/

4

2 に答える 2

3

mmenu と同様の機能を備えたカスタム メニューを作成しましたが、大量のコード、クラス、およびオプションはありません。

ここで例を見ることができます: http://jsfiddle.net/bjornnyborg/zjLrahpo/3/

Umbraco のインストールに使用しましたが、次のコードで実装されています。

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
<nav>
    <div class="menu-header">
        <div id="currentMenu" class="text-center">@CurrentPage.Name</div>
        <div id="back" data-target="menu-@CurrentPage.Parent.Id">
            <i class="fa fa-arrow-left"></i>
        </div>
    </div>
    @menuLoop(CurrentPage.Site())                           
</nav>
@helper menuLoop(dynamic item){
    var  menuClass = "";
    if(item.Id == CurrentPage.Site().Id){
        menuClass = "root-menu";
    }
    <div class="menu @menuClass @(item.IsEqual(CurrentPage) ? "active" : null)" id="menu-@item.Id" data-parent="menu-@item.Parent.Id" data-name="@item.Name">
        <ul>
            @menuListLoop(item)
        </ul>
    </div>
    foreach(var page in item.Children().Where("Visible")){
        @menuLoop(page)
    }
}
@helper menuListLoop(dynamic item){
    foreach(var page in item.Children()){
        <li>
            <a href="@page.Url">@page.Name</a>
            @if(page.Children().Where("Visible").Any()){
                <span class="next" data-target="menu-@page.Id">
                    <i class="fa fa-angle-right"></i>
                </span>
            }
        </li>
    }
}

それが役立つことを願っています！:)

于 2015-09-16T13:13:09.267 に答える