Erreur dans Swup

Par Yoyo Bu, il y a 6 ans

Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je veux

Je veux rajouter swup a mon site et je n'ai pas npm
Je suis les etapes au'il donnent mais voila que j'obtiens un probleme

Ce que j'obtiens

Uncaught TypeError: Cannot set property 'responseURL' of null at e (swup.min.js:1) at new e (swup.min.js:1)

Je me suis renseigner et sur le probleme et ils disaient de mettre se script a la fin du code
Cela a seulement enlever l'erreur dans la console mais les liens se chargent toujours comme avant

Mon code

<script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script> <script>const swup = new Swup();</script>

2 réponses

TheNippleMan, il y a 6 ans

Bonjour, j'avais réussi à mettre en place swup avec le tuto de Grafikart du premier coup et là quand j'ai voulu le refaire sur un autre projet j'ai eu le même problème est la solution est simple.

En fait il faut que l'id du container soit seul comme ça :

<div id="swup" class="transition-fade"><!-- Main content -->

À ne pas faire :

<div id="main-content swup" class="transition-fade"><!-- Main content -->

Personnellement le problème s'est réglé comme ça après c'est peut-être autre chose je n'ai pas cherché plus loin.

Cordialement JK.

Lartak, il y a 6 ans

Bonjour.
De toute manière, il ne faut pas confondre la valeur de l'attribut class et de l'attribut id, en plus de devoir avoir une valeur unique sur un même page, la valeur de l'attribut id ne peut pas contenir plusieurs mots.
Donc par exemple :

<div id="valeur1"><!-- Ok --> <div id="valeur1 valeur2"><!-- FAUX -->