Important: Utilisation du plugin Ascensor

**Pocalipso** · 17/06/2012, 00h33

Bonsoir

Pour utiliser le plugin ascensor j'ai suivi le guide présent sur http://kirkas.ch/ascensor/#/house0 en téléchargeant la bibliothèque jQuery, et les plugins nécessaires, mais ça ne marche pas.
Tous ce qu'il m'affiche c'est le contenu des "div" dans la même page sans aucun effet.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<script src="js/jquery.ascensor.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script> 
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.ascensor.js" type="text/javascript"></script>
<script src="js/myscript.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="house">
        <div><!-- Etage1-->
                <div id="ContentName"><h1>test du 1er div</h1></div><!-- Content of the floor 1-->
        </div>
        <div><!-- Etage2-->     
                <div id="ContentName"><h1>test du 2eme div</h1></div><!-- Content of the floor 2-->
        </div>
        <div><!-- Etage3-->
                <div id="ContentName"><h1>test du 3eme div</h1></div><!-- Content of the floor 3-->
        </div>  
        <div><!-- Etage4-->
                <div id="ContentName"><h1>test du 4 eme div</h1></div><!-- Content of the floor 4-->
        </div>
        <div><!-- Etage5-->
                <div id="ContentName"><h1>test du 5eme div</h1></div><!-- Content of the floor 5-->
        </div>
</div>
 
</body>
</html>

Voici mon code.
Merci d'avance.

**NoSmoking** · 17/06/2012, 08h49

Bonjour,
on devrait trouver un truc du style $('#house').ascensor(); dans ton code.

Pourquoi intégrer 2 fois jquery.ascensor.js ?

Les chemins d'accès aux fichiers sont-ils corrects?

**Bovino** · 17/06/2012, 09h40

Déjà, pour être sûr que tes scripts fonctionnent correctement (notamment avec IE), il est important que la page soit correctement interprétée, tu dois donc ajouter un doctype :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<!doctype html>

ensuite, tu inclues deux plugins jQuery avant la bibliothèque jQuery, cela génère certainement des erreurs qui bloquent l'interprétation du reste des scripts de la page.

Important: Utilisation du plugin Ascensor

jQuery

Discussions similaires

Partager

Partager