Основа JavaScript не работает, как ожидалось - PullRequest
Новая
       22

Основа JavaScript не работает, как ожидалось

0 голосов
/ 30 мая 2019

У меня есть некоторые проблемы, которые устраняли неполадки всю неделю. Я пробовал это в скобках IDE и на codepen, но я не мог заставить работать базовую платформу, как это должно быть на веб-сайте

например это должно работать как ссылка ниже: https://foundation.zurb.com/building-blocks/blocks/off-canvas-full-screen.html

<div id="offcanvas-full-screen" class="offcanvas-full-screen" data-off-canvas data-transition="overlap">
  <div class="offcanvas-full-screen-inner">
    <button class="offcanvas-full-screen-close" aria-label="Close menu" type="button" data-close>
      <span aria-hidden="true">&times;</span>
    </button>
    <ul class="offcanvas-full-screen-menu">
      <li><a href="#">Home</a></li>
      <li><a href="#">About us</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Contact us</a></li>
    </ul>
  </div>
</div>
<div class="off-canvas-content" data-off-canvas-content>
  <div class="top-bar">
    <div class="top-bar-title">
      <strong>Site Title</strong>
    </div>
    <div class="top-bar-right">
      <button class="menu-icon dark" type="button" data-toggle="offcanvas-full-screen"></button>
    </div>
  </div>
</div>

1 Ответ

1 голос
/ 30 мая 2019

вы забыли инициализировать фундамент.

просто добавьте 

<script>  
    $(document).foundation();
</script>

И это будет работать.

...