Jquery cliquez et ajoutez dissapearing

Question

Lorsque cela se déclenche, je vois le li ajouté pendant une fraction de seconde, puis il disparaît .... Ce qui donne? En utilisant jquery 1.4.2

$(function(){ 
    $('a#add_phone').click(function() { 
    $('<li>Test</li>').appendTo('ol#phones'); 
    }); 
}); 

Ok, donc cela fonctionne dans une page blanche, mais c'est dans le cadre d'une application rails 3. Doit être quelque chose là-dedans, bien que je ne puisse pas voir quoi.

Answer 1

Il doit y avoir quelque chose d'autre ... si vous collez ce code dans une nouvelle page avec ce HTML snippet il devrait fonctionner très bien:

<a id="add_phone">Add it!</a> 
<ol id="phones"></ol> 

Rechercher les autres fichiers JS en conflit avec votre code, ou même le même fichier, une autre ligne. Ou peut-être CSS si vous utilisez un navigateur lent (ehem ...)

Mais ce code semble parfait ..

Answer 2

Code assez simple. Êtes-vous sûr qu'il n'y a pas un gestionnaire en direct qui cache des éléments ailleurs?

Answer 3

Vraiment étrange. J'ai recommencé à zéro et ça a marché.