Mobify 웹 사이트 메뉴 편집

Mobify (www.mobify.com) 서비스를 사용하여 내 사이트의 모바일 버전을 생성했습니다. 내 메뉴 편집을 제외하고는하고 싶은 모든 일을했습니다. 메뉴에서 몇 가지 항목을 제거하고 싶거나 하위 메뉴 항목을 추가하고 싶습니다. 누군가 Mobify에 익숙하다면 정말 도움이 될 것입니다.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>

출처

2012-09-18 Matt Altepeter

, 난 당신이 같은 일을하는지 추측하고있어 편집 :

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에서 허용하는 모든 작업을 수행 할 수 있습니다.

출처

2012-09-18 01:16:15 shawnjan

답변 해 주셔서 감사합니다. 위의 편집을 참조하십시오. 템플릿 페이지를 만드는 것 외에도 Zepto에 익숙하지 않습니다. 위의 편집은 Mobify가 생성 한 탐색을위한 코드를 포함합니다. 사이트를 보려면 모바일 장치에서 [http://nexgensci.com] (http://nexgensci.com)을 방문하십시오. –

사이트에서 위대한 직업 Matt! 사이트에 가서 카트 기능이없는 것으로 나타났습니다. 그 일을하고 싶다면 더 많은 질문을하십시오! – shawnjan

고용주가 장바구니 기능을 원하지 않았습니다. 그리고 위에 설명 된 편집, 메뉴 항목을 제거하는 방법에 대해 좀 더 자세하게 설명하려고 할 수 있습니다. –

Mobify 웹 사이트 메뉴 편집

답변

관련 문제