1

私はサービスMobify（www.mobify.com）を使用して、自分のサイトのモバイルバージョンを作成しました。メニューを編集する以外は、やりたいことはすべてやりました。メニューからいくつかの項目を削除したり、サブメニュー項目を追加したりしたいのですが。誰かがMobifyに精通しているなら、私は本当に助けていただければ幸いです。

編集

<nav id="x-navigation">
    <div>
        <ul>
        {! We decend into the header object, and use {.}  to iterate through each element in navigation !}  
        {#header}
            {#navigation}
                <li>{.}</li>
            {/navigation}
        {/header}
        </ul>
   </div>
</nav>
4

1 に答える 1

0

メニューを抽出するときは、次のようなことをしていると思います。

menu: function() {
    return $('.menu');
}

しかし、実際にはより高度なセレクターを使用できます。たとえば、メニューが次のようになっているとします。

<ul class="menu">
    <li class="home"><a href="/">Home</a></li>
    <li class="about"><a href="/about/">About</a></li>
    <li class="contact"><a href="/contact/">Contact</a></li>
</ul>

そして、最初の 2 つのアンカーのみが必要な場合は、次のようにすることができます。

menu: function() {
    return $('.menu a').splice(0,2);   
}

または、「ホーム」と「連絡先」のアンカーのみが必要な場合:

menu: function() {
    var $menu = $('.menu');
    $menu.find(".about").remove();
    return $menu.find('a')
}

これらは、あなたができることのほんの一例です。実際には、Javascript と Zepto で許可されていることは何でもできます。

于 2012-09-18T01:16:15.123 に答える