2012-02-15 2 views
0

это я снова !!страница загрузки jquery с корпусом переключателя

Теперь .. я не знаю, что я делаю неправильно с этим корпусом коммутатора ... может мне помочь?

Когда я нажимаю в некоторой LINK, предупреждение DonT ... появляться

это мой 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

+0

@Alex К. обнаружил некоторые ошибки, проверьте его ответьте, и если вы хотите обновить jsFiddle, вы можете найти его здесь. http://jsfiddle.net/D2Cqt/7/ – Tom

ответ

6

Ditch # в id здесь: (его обозначение jquery и не законный id стартовый символ);

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

и зафиксировать дополнительный ); здесь:

alert("teste");); 

Вы также искать случае "aabruzzo" но id является "aabruzo" (в вашей скрипке)

+0

Хорошие уловы. +1 – crush

+1

Он пропустил и другие вещи. Upvoted, и вот обновленный, исправленный jsFiddle http://jsfiddle.net/D2Cqt/7/ – Tom

+0

да .. я вижу это после того, как я разместил ссылку jsFiddle. Но все еще не работает на моей странице. мой javascritp находится во внешнем файле, это влияние на что-то ??? – Preston

1

this.id должно быть this.attr('id'), поскольку это Объект jQuery.

+0

Нет, это не так - 'this' является фактическим элементом DOM. Если вы хотите использовать с ним функции jQuery, вам нужно обернуть его в объект jQuery, используя '$ (this)'. –

Смежные вопросы