[Resolvido] .click gera loop

[gremio10 14]

Fala galera, eu estou com um problema, no meu JS, quando mando ele dar um .like em apenas uma página ele gera dois alert() => referentes a meus testes...

 

olhem meu html:

 

<div id="list-answer">

   <form>
       <input type="text" name="tags" /><input type="submit" value="Pesquisar" />
   </form>

   <div class="questions-list-all">
       <ul>
           {foreach $listQuestions as $list}<!-- gera um loop que vem do banco de dados -->
               <li>
                   <div class="who-ask">
                       <h1>{$list.usuario}</h1> <h2>Pergunta realizada em {$list.data_pergunta|date_format:"%d/%m/%Y às %H:%M:%S"}</h2>
                   </div>
                   <div class="who-ask-question">
                       <p>
                           {$list.pergunta}
                       </p>
                   </div>
                   <div class="divisor"></div>
                   <div class="answer-doctor">
                       <div class="answer-doctor-question">
                           <p>
                               {$list.resposta}
                           </p>
                       </div>
                       <div class="doctor-data">
                           <!-- DOCTOR DATA -->
                           <a href="{$url}">
                               <div class="thumb">
                                   <img src="{$url}imgs/Penguins.jpg" alt="Doctor fulano de tal" width="30" height="30" />
                               </div>
                               <div class="name">
                                   {$list.profissionais}
                               </div>
                               <div class="city">
                                   {$list.cidade}
                               </div>
                           </a>
                           <!-- DOCTOR DATA -->
                           <!-- SHARE -->
                           <div class="share">
                               <div class="share-social">
                                   Here share button
                               </div>
                               <div class="like">
                                   <a href="#" class="like">LIKE</a>
                               </div>
                           </div>
                           <!-- SHARE -->
                       </div>
                   </div>
               </li>
           {/foreach}
       </ul>
   </div>
</div>

<script type="text/javascript">
   {literal}
       $( document ).ready( function(){
          $( ".like" ).click( function() {
               alert();
          } );                      
       } );
   {/literal}
</script>

 

só que quando clico na class like, ele gera dois alerts...

 

testei em outros códigos que seguem o mesmo padrão, e está funcionando normalmente...

 

O que pode ser ?

 

Obrigado.

[Ted k' 126]

Existem duas class link, repare bem!

[William Bruno 1501]

um click no pai é tb um click no filho.

 

muito legal "a bolha" e a "propagação dela"

 

Bem visto Ted !!

[gremio10 14]

Nossa Ted, valeu cara, eu nunca ia reparar nisso... tava no minha cara e não vi

 

Obrigado