Использование appendTo() в JQuery добавляет элемент, а затем немедленно удаляет его ... решение?

Question

Это, вероятно, вопрос о нобе, но то, как я реализовал функцию appendTo() ниже, не работает должным образом. В принципе, он добавил элемент и моментально удалил его снова. Это моргает, и вы скучаете по нему.

Может ли кто-нибудь понять, почему это может произойти?

Вот где функция вызывается:

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

А вот сама функция (в значительной степени взяты из учебника сайта JQuery:

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

Моя первая мысль о том, что сценарий, который называет документ .ready(), который уничтожает функцию add_to()? Этот скрипт находится над add_to(), и это:

$(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(); 

     }); 

    }); 

Возможно, существует конфликтный код? Извините - новичок в Javascript, и вы пытаетесь быстро что-то сварить.

ТИА, Энди

Answer 1

Ваша ссылка перезагрузки страницы. Попробуйте это (добавлено # в HREF атрибута)

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

Answer 2

Я не могу сказать точно, но вы можете быть переопределение функции щелчка, определенный в атрибуте OnClick с одной в document.ready функции.