Проблема со ссылками на другие страницы с поддержкой Swup

При тестировании Swup мне удалось заставить работать этот HTML-файл:

<!DOCTYPE html>
<html lang="en">
<head>
  ...
  <script defer src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>  
  <script defer src="script.js"></script> <!--A file containing a single line to create a Swup object-->
  <link href="styles.css" rel="stylesheet">
  <title>About</title>
</head>
<body>
  <nav>
    <ul>
      <li><a href="/index.html">Home</a></li>
      <li><a href="/pricing.html">Pricing</a></li>
      <li><a href="/about.html">About</a></li>
    </ul>
  </nav>
  <main id="swup" class="transition-fade">
    <h1>This is the about page</h1>
  </main>
</body>
</html>

То есть, когда я нажимаю на ссылку, Swup загружается должным образом, чтобы анимировать эту страницу и следующую страницу. Однако, когда я буквально просто меняю начало свойств href на "./" вместо "/", Swup будет не загружается. Например, "./about.html" вместо "/about.html". Это ошибка Swup, или мне не хватает чего-то важного в синтаксисе пути к каталогам?

Источник

0 ответов

Другие вопросы по тегам