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>

如果你只想要前两个锚点,你可以这样做:

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

或者,如果您只想要“Home”和“Contact”锚点:

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

这些只是您可以做的几个例子。实际上,您可以做任何 Javascript 和 Zepto 允许的事情!

于 2012-09-18T01:16:15.123 回答