스위치 케이스가있는 jquery 페이지로드

지금 ..이 스위치 케이스로 내가 뭘 잘못하고 있는지 모르겠다. 나를 도와 줄 수 있니? 내가이 fiddle이

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; 
      } 
      });

이 내 자바 스크립트입니다

<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>

내가 어떤 링크를 클릭하면, 경고가 apear 그나마 ...

이

내 HTML입니다

출처

2012-02-15 Preston

@ 알렉스 K.는 약간의 오차가 발견 또한 경우 "aabruzzo"을 찾아하지만 id이 (당신의 바이올린에) "aabruzo"입니다, 확인 그의 당신이 업데이트 된 jsFiddle를 원한다면 여기에서 찾을 수 있습니다 http://jsfiddle.net/D2Cqt/7/ – Tom

여기 id에 #을 기입하십시오. (해당 jquery 표기법이고 법적인 id 시작 문자가 아님).

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

및 수정을 여기에 추가 ); :

alert("teste"););

출처

2012-02-15 16:46:12

좋은 캐치. +1 – crush

그는 다른 것들도 놓쳤습니다. Upvoted, 그리고 여기에 업데이트, 고정, jsFiddle http://jsfiddle.net/D2Cqt/7/ – Tom

예 .. 나는 jsFiddle 링크를 게시 한 후 이것을 참조하십시오. 하지만 여전히 내 페이지에서 일하지 않습니다. 내 javascritp 외부 파일,이 영향에 뭔가 ?? – Preston

this.id은 this.attr('id')이어야합니다. jQuery 객체.

출처

2012-02-15 16:45:28 crush

아니요 - 'this'가 실제 DOM 요소입니다. jQuery 함수를 함께 사용하려면'$ (this)'를 사용하여 jQuery 객체로 래핑해야한다. –

스위치 케이스가있는 jquery 페이지로드

답변

관련 문제