problem in wordpress like delete rows in jquery

Question

im trying to impelement a technique to delete stories with jquery animation exactly like wordpress

this is my script part :

$(function(){
 $('#jqdelete').click(function() {
  $(this).parents('tr.box').animate( { backgroundColor: '#cb5555' }, 500).animate( { height: 0, paddingTop: 0, paddingBottom: 0 }, 500, function() {
   $(this).css( { 'display' : 'none' } );
  });
 });
});

but not working am i wrong in any part of my code ?

I'd suspect that this is because table rows do not have display: block but use a different display model and so these things tend to not work. — Jakub Hampl
– Jakub Hampl, Commented May 16, 2010 at 9:23

Sarfraz · Accepted Answer · 2010-05-16 09:22:10Z

2

If there are multiple delete links, you should use a class instead of an id` for delete links:

<a href='javascript:void(0)' class='jqdelete'>

$(function(){
 $('.jqdelete').click(function() {
  $(this).parents('tr.box').animate( { backgroundColor: '#cb5555' }, 500).animate( { height: 0, paddingTop: 0, paddingBottom: 0 }, 500, function() {
   $(this).css( { 'display' : 'none' } );
  });
 });
});

answered May 16, 2010 at 9:22

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

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

Collectives™ on Stack Overflow

problem in wordpress like delete rows in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related