Jquery click and append dissapearing

Question

When this fires I see the added li for a split second and then it disappears.... What gives? Using jquery 1.4.2

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

Ok so this works in a blank page, but this is in the context of a rails 3 app. Must be something in there, although I can't see what.

This code is correct, as far as I can tell. You may want to show complete page causing problem. — Nikita Rybak
– Nikita Rybak, Commented May 13, 2010 at 17:14

Seb · Accepted Answer · 2010-05-13 17:13:47Z

2

There must be something else there... if you paste that code in a new page with this HTML snippet it should work just fine:

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

Look for other JS files conflicting with your code, or even the same file, another line. Or maybe CSS if you're using a slow browser (ehem...)

But that code seems flawless..

answered May 13, 2010 at 17:13

Seb

25.2k6 gold badges69 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sean O · Accepted Answer · 2010-05-13 17:14:42Z

2

Pretty straightforward code. Are you sure there's not a live handler hiding elements elsewhere?

answered May 13, 2010 at 17:14

Sean O

2,6991 gold badge27 silver badges28 bronze badges

Cameron · Accepted Answer · 2010-05-13 18:41:03Z

0

Really weird. Started from scratch again and it worked.

answered May 13, 2010 at 18:41

Cameron

4,2119 gold badges38 silver badges40 bronze badges