2012-02-15 2 views
0

c'est encore moi !! Maintenant, je ne sais pas ce que je fais mal avec cette Switch Case ... peut m'aider?jquery charger la page avec l'interrupteur

Quand je clique dans un lien, l'alerte DonT apear ...

ceci est mon HTML:

<div class="menu-site"> 
     <ul class="topo-menu" id="topo-menu"> 
      <li id="aabruzzo">a abruzzo</li> 
      <li id="catalogo">catálogo</li> 
      <li id="conceito">conceito inverno</li> 
      <li id="representantes">representantes</li> 
      <li id="clipping">clipping</li> 
      <li id="loja">loja</li> 
      <li id="contato" class="sem-right">contato</li> 
     </ul> 
    </div> 

ceci est mon javascript:

jQuery(document).ready(function(){ 


     var sections = $("#topo-menu li"); 
     var loading = $("#loading"); 
     var content = $("#content"); 

     sections.click(function(){ 
      switch(this.id){ 
       case 'aabruzzo': 
        alert("teste"); 
        break; 
       case "catalogo": 
        alert("teste"); 
        break; 
       case "conceito": 
        alert("teste"); 
        break; 
       case "representantes": 
        alert("teste");); 
        break; 
       case "clipping": 
        alert("teste"); 
        break; 
       case "loja": 
        alert("teste"); 
        break; 
       case "contato": 
        alert("teste"); 
        break;       
       default: 
        hideLoading(); 
        break; 
      } 
      }); 

j'ai ce fiddle

+0

K. a trouvé quelques @ Alex erreurs, vérifiez son répondez et si vous voulez un jsFiddle mis à jour, vous pouvez le trouver ici http://jsfiddle.net/D2Cqt/7/ – Tom

Répondre

6

Fossé le # dans le id ici: (sa notation jquery et pas un caractère de début légal id);

<ul class="topo-menu" id="#topo-menu"> 

et fixer le ); supplémentaire ici:

alert("teste");); 

Vous regardez aussi le cas "aabruzzo" mais le id est "aabruzo" (dans votre violon)

+0

Bonnes prises. +1 – crush

+1

Il a manqué d'autres choses aussi. Upvoted, et voici une mise à jour, corrigé, jsFiddle http://jsfiddle.net/D2Cqt/7/ – Tom

+0

ouais .. je vois cela après avoir posté le lien jsFiddle. Mais je ne travaille toujours pas sur ma page. mon javascritp est dans un fichier externe, cette influence sur quelque chose ?? – Preston

1

this.id devrait être this.attr('id') parce que c'est un Objet jQuery.

+0

Non ce n'est pas - 'this' est l'élément DOM réel. Si vous voulez utiliser les fonctions de jQuery, vous devez l'envelopper dans un objet jQuery en utilisant '$ (this)'. –

Questions connexes