Question

我使用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>

Answer 1

当你提取菜单时，我猜你正在做这样的事情：

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

或者，如果您只想要“主页”和“联系”主持人：

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

这些只是您可以做的几个例子。实际上，您可以执行Javascript和Zepto允许的任何操作！

编辑Mobify网站菜单

1 个答案: