ListNav de Jquery

Résolu/Fermé

Laurent - 23 févr. 2011 à 22:52
Laurent - 25 févr. 2011 à 18:41

Bonjour,

J'essai d'utiliser ListNav de jquery mais je n'y arrive pas.
Voici le code que j'utilise :

<html>
<head>
<script type="text/javascript" src="./lib/jquery.listnav-2.1.js"> </script>
<script type="text/javascript" src="./lib/jquery-1.5.js"> </script>
<link type="text/css" rel="stylesheet" href="./css/listnav.css" />

 <script type="text/javascript">
$(document).ready(function {
       $('#myList').listnav();
});
</script

</head>
<body>
<div id="myList-nav" class="listnav"></div>
<ul id="myList" class="listnav">
  <li><a href="accountants.aspx">Accountants</a></li>
  <li><a href="general-service.aspx"> General Service</a></li>
  <li><a href="acupuncture.aspx">Acupuncture</a></li>
  <li><a href="advertising.aspx">Advertising</a></li>
</ul></div>
</body></html>

Quelqu'un saurait-il ou ça cloche.
Le site de ListNav est en anglais et je n'y comprend rien.

Merci pour votre aide.

A voir également:

ListNav de Jquery
Jquery firefox ✓ - Forum HTML
Uncaught referenceerror: jquery is not defined ✓ - Forum Javascript
Editable table jquery - Forum HTML
Jquery animate toggle ✓ - Forum Javascript
Générateur de texte en Javascript / Jquery - Forum Javascript

11 réponses

Réponse 1 / 11

Mayous29 Messages postés 38 Date d'inscription mardi 11 août 2009 Statut Membre Dernière intervention 25 février 2011
24 févr. 2011 à 11:37

Salut,

As-tu vérifié si les chemins de tes librairies js étaient les bons?

Réponse 2 / 11

Mayous29 Messages postés 38 Date d'inscription mardi 11 août 2009 Statut Membre Dernière intervention 25 février 2011
24 févr. 2011 à 11:38

Et pour info, ta balise </script> est mal fermée...

Réponse 3 / 11

Laurent
24 févr. 2011 à 11:46

Bonjour,

Oui, j'ai bien vérifier mes chemins. J'ai même tout réuni au même niveau (même dossier) pour tester et rien n'y fait.

Pour ce que est de la fermeture de </script> c'est un erreur de copie collé sur le forum.

Merci pour ton intervention.
Bonne journée

Réponse 4 / 11

Mayous29 Messages postés 38 Date d'inscription mardi 11 août 2009 Statut Membre Dernière intervention 25 février 2011
24 févr. 2011 à 11:52

Sinon par rapport à jquery, tu as oublié les parenthèses après function :

$().ready(function() {

Peut-être une erreur de copié/collé aussi?

Sinon je suis en train de regarder sur leur site, je te tiens au courant.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 11

Laurent
24 févr. 2011 à 12:09

Salut Mayous29,

Les parenthèses ne semble pas corriger mon problème.
Je dois partir et je serai de retour vers 13 hrs (du Québec).

Merci pour ton aide,
Je test correctement à mon retour.

Réponse 6 / 11

Mayous29 Messages postés 38 Date d'inscription mardi 11 août 2009 Statut Membre Dernière intervention 25 février 2011
24 févr. 2011 à 14:25

On pourrait commencer par voir si jquery fonctionne bien.

Choisit un id dans ta page et met dans ton script :

$("#ton_id").click(function() {
     alert("Jquery fonctionne bien");
});

Réponse 7 / 11

Mayous29 Messages postés 38 Date d'inscription mardi 11 août 2009 Statut Membre Dernière intervention 25 février 2011
24 févr. 2011 à 14:37

Je viens de voir aussi :
Juste avant la fermeture de ta balise </body>
Tu fermes une balise </div>, mais en fait il n'y en a pas...

Réponse 8 / 11

Laurent
24 févr. 2011 à 20:07

Bonjour Mayous29,

J'ai testé ton script et Jquery fonctionne bien.
Pour le </div> c'est un erreur de copie/collé désolé.

Je dois quitter encore.
Si entre temps tu as une autre idée.

Encore merci et bonne journée

Réponse 9 / 11

Mayous29 Messages postés 38 Date d'inscription mardi 11 août 2009 Statut Membre Dernière intervention 25 février 2011
25 févr. 2011 à 09:53

Alors si on respecte scrupuleusement le site et les démonstrations,

<ul id="myList" class="listnav">

n'a pas la class listnav.

C'est uniquement le

<div id="myList-nav" class="listnav"></div>

qui a cette class

Réponse 10 / 11

Laurent
25 févr. 2011 à 13:30

Re-bonjour,

J'ai déjà essayé toute les possibilités avec ou sans la class sur le div ou l'ul avec ma propre class et rien n'y fait !!!

Je suis certain que c'est une niaiserie qui me bloque. Mais laquelle ?

Là, je vais prendre le temps de me révieller et je vais copier la démo sur le net et l'installer sur mon serveur.
Si ça fonctionne, je vais lui supprimer ce que je ne désir pas pour arriver au code épuré que j'ai besoin.

Ainsi, je devrais alors voir par comparaison ce qui clochait dans mon code perso.

Je reviens avec le résultat de ma démarche.

Un grand merci pour ton aide!!!

Réponse 11 / 11

Laurent
25 févr. 2011 à 18:41

Bonjour,

J'ai fini par trouver mon problème !!!

C'était tout bête...

Il fallait mettre le fichier .css après le fichier .js

<script type="text/javascript" src="/lib/jquery.listnav-2.1.js"> </script>
<link type="text/css" rel="stylesheet" href="/css/listnav.css" />

Merci pour ton aide Mayous29

Discussions similaires

jquery: refresh element enfant après ajax

jQuery & Regex

Redirection Jquery onclick

Refresh div

Utilisateur anonyme - 3 nov. 2017 à 10:09
Utilisateur anonyme - 7 nov. 2017 à 18:06

A quoi sert jquery.min.map?

Discussions similaires

Newsletters