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
Post a Comment