Utiliser appendTo() dans JQuery ajoute un élément puis le supprime immédiatement ... solution?

Question

Il s'agit probablement d'une question noob, mais la façon dont j'ai implémenté la fonction appendTo() ci-dessous ne fonctionne pas comme prévu. Fondamentalement, il a ajouté l'élément et l'a immédiatement retiré à nouveau. Ça clignote et ça vous manque.

Quelqu'un peut-il comprendre pourquoi cela pourrait se produire?

est ici où la fonction est appelée:

<?php foreach ($words as $word) { 
echo "<li class='$word[0]'><a href='' onclick='add_to();'>$word</a></li>"; 
} 

Et voici la fonction elle-même (à peu près pris à partir du site tutoriel jQuery:

function add_to() { 
     $('<h1>Test</h1>').appendTo('.ad_text'); 
    } 

Ma première pensée est qu'un script qui appelle le document ? .ready() est appelée, qui efface la fonction add_to() ce script est au-dessus add_to(), et est la suivante:

$(document).ready(function(){ 

     //when a link in the filters div is clicked... 
     $('#filters a').click(function(e){ 

      //prevent the default behaviour of the link 
      e.preventDefault(); 

      //get the id of the clicked link(which is equal to classes of our content 
      var filter = $(this).attr('id'); 

      //show all the list items(this is needed to get the hidden ones shown) 
      $('#content ul li').show(); 

      /*using the :not attribute and the filter class in it we are selecting 
      only the list items that don't have that class and hide them '*/ 
      $('#content ul li:not(.' + filter + ')').hide(); 

     }); 

    }); 

Peut-être un peu de code contradictoire là-bas? Désolé - nouveau à Javascript, et essayant de pavbler quelque chose ensemble rapidement.

TIA, Andy

Answer 1

Votre lien est recharger la page. Essayez ceci (# ajouté à l'attribut href)

foreach ($words as $word) { 
    echo "<li class='$word[0]'><a href='#' onclick='add_to();'>$word</a></li>"; 
} 

Answer 2

Je ne peux pas dire avec certitude, mais vous pourriez être Outrepasser la fonction clic que vous avez défini dans l'attribut onclick avec celui de la fonction document.ready.