Программное закрытие Foundation 6 offCanvas

Я хочу использовать JavaScript, чтобы закрыть область вне сканирования в результате загрузки сценария AJAX.

В документации сказано $('#element').foundation('close', cb); но не так много способов объяснить, что #element а также cb являются:/

Что #element а также cb? Как бы вы программно закрыли их пример?

<body>
  <div class="off-canvas-wrapper">
    <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
      <div class="off-canvas position-left" id="offCanvas" data-off-canvas>

        <!-- Close button -->
        <button class="close-button" aria-label="Close menu" type="button" data-close>
          <span aria-hidden="true">&times;</span>
        </button>

        <!-- Menu -->
        <ul class="vertical menu">
          <li><a href="#">Foundation</a></li>
          <li><a href="#">Dot</a></li>
          <li><a href="#">ZURB</a></li>
          <li><a href="#">Com</a></li>
          <li><a href="#">Slash</a></li>
          <li><a href="#">Sites</a></li>
        </ul>

      </div>

      <div class="off-canvas-content" data-off-canvas-content>
        <!-- Page content -->
      </div>
    </div>
  </div>
</body>
Источник

2 ответа

Вы можете сделать это в js с помощью $('#offCanvas').foundation('close');

Источник

Вы можете использовать кнопку закрытия триггера.

      <button id="btn-close-offcanvas" type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>


$("#btn-close-offcanvas").click();
Источник
Другие вопросы по тегам