jquery load page with switch case

Question

もう一度私です！

今、私はこのスイッチケースで何が間違っているのかわかりません...私を助けることができますか？

私はいくつかのLINKをクリックすると、アラートがつくれいけない...

これが私の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> 

これが私の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; 
      } 
      }); 

私はこのfiddleを持っています

Answer 1

#idここに:(そのjquery表記であり、法的にはidの開始文字ではありません）。

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

、ここで余分な);を修正：

alert("teste");); 

ます。また、ケース"aabruzzo"を探したがidは（あなたのフィドルで）"aabruzo"ある

Answer 2

this.idはthis.attr('id')である必要があります。 jQueryオブジェクト。