jQuery: Delay fadeOut div multiple times -



jQuery: Delay fadeOut div multiple times -

i tried write sloppy jquery code inline-confirm "dialog". works fine, except delay() runs 1 time each #row_id. delay meant fade out "dialog" if user doesn't interact within specific time span. "cancel" link works great every time.

any ideas on i'm doing wrong?

here's js:

$("a.i_delete").click(function() { var parent = $(this).attr("id"); var parentrow = "#row_" + parent; var inlineconfirm = $('<div id="confirm_' + parent + '" class="inline_c"><a href="#cancel" class="ic_cancel">cancel, want maintain it</a><a href="/?id=' + parent + '" class="ic_confirm">delete</a></div>').hide().fadein(500); $(parentrow).append(inlineconfirm).delay(3500).queue(function() { $("#confirm_" + parent).fadeout(2000,function() { $("#confirm_" + parent).remove(); }); }); $("a.ic_cancel").click(function() { $("#confirm_" + parent).fadeout(500,function() { $("#confirm_" + parent).remove(); }); homecoming false; }); homecoming false; });

and here's html:

<div id="row_xxx" class="l_row"> bla bla bla <a href="/?id=xxx" id="xxx" class="i_delete" title="delete link">delete</a> </div>

try this:

$(parentrow) .append(inlineconfirm) .delay(3500) .queue(function(next) { $("#confirm_" + parent).fadeout(2000,function() { $("#confirm_" + parent).remove(); }); // create sure queue go on // calling next function on queue next(); });

jquery delay fadein fadeout

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -