Foundation off-canvas-menu + Fullpage js conflict

Question

Я использую base + fullpage js.

Меню гамбургера есть, но когда я нажимаю его, ничего не происходит.

<div class="hide-for-large-only "> 
    <div class="off-canvas-wrap" data-offcanvas> 
     <div class="inner-wrap"> 
      <nav class="tab-bar"> 
       <section class="left-small"> 
       <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a> 
       </section> 

       <section class="middle tab-bar-section"> 
       <h1 class="title">company name</h1> 
       </section> 

      </nav> 

      <aside class="left-off-canvas-menu"> 
       <ul class="off-canvas-list"> 
       <li><label>Menus</label></li> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">about</a></li> 
       <li><a href="#">products</a></li> 
       <li><a href="#">Contact Us</a></li> 
       </ul> 
      </aside> 

      <section class="main-section"> 
       <!-- content goes here --> 
      </section> 

      <a class="exit-off-canvas"></a> 

     </div> 
    </div> 
</div> 

У меня также есть еще одна панель навигации, которая будет отображаться только на больших экранах и спрятаться на среднем и нижнем уровне.

<header> 
     <nav id="menu" class="hide-for-medium-down"> 
      <a data-menuanchor="home" href="#home"><img class="logo" alt="" src="img/logo1.png"></a> 
       <ul class="menutext"> 
        <li data-menuanchor="home"><a href="#home">Home</a></li> 
        <li data-menuanchor="about"><a href="#about">about</a></li> 
        <li data-menuanchor="products"><a href="#prodcuts">products</a></li> 
        <li data-menuanchor="contactus"><a href="#contactus">Contact</a></li> 
       </ul> 
     </nav> 
    </header> 

как я могу решить эту проблему?

Answer 1

У меня была такая же проблема и раньше. Я недостаточно осведомлен, чтобы понять, почему это происходит. Но я нашел свое исправление для инициализации фундамента в нижней части страниц. Что-то вроде:

<script> 
$(document).ready(function(){ 
    $(document).foundation(); 
}); 
</script> 

Не уверен, что это правильно, но это сработало для меня. Не думайте, что есть достаточно информации, чтобы полностью ответить на вопрос, просто не нанеся на него удар.