slow click event handle?

[ult_raa@…]

i have modal div with table on it. Clicks on tr removes them (it cant resize automaticly by css, so i have $.modalUpdate() function to resize modal window), and $.modalRemove() binded to modal outside clicks.

$(document).bind('click.modalOutsideClick', function(e){
	if($(e.target).closest('.modal').attr('class') != 'modal')
		$.modalRemove();
});

$('tr').live('click',function(){
	$('tr').remove();
	$.modalUpdate();
}

so, when tr.click event fires, $.modalRemove() fires too. only if tr.remove runs after delay - it will work normal.

$('tr').live('click',function(){
	setTimeout(function() {
		$('tr').remove();
		$.modalUpdate();
	}, 100);
}

[SlexAxton]

Can you reduce this and post a test case at jsFiddle.com? That would greatly help us narrow down the issue for you. Thanks.

[ult_raa@…]

Replying to SlexAxton:

Can you reduce this and post a test case at jsFiddle.com? That would greatly help us narrow down the issue for you. Thanks.

 http://jsfiddle.net/BtWBA/5/

[rwaldron]

Commenting out "$('.opaque, .modal').remove();" in $.modalRemove() function corrects this issue.

 http://jsfiddle.net/rwaldron/BtWBA/7/

The forums are a better place to ask about these things, you'll get faster and more detailed replies there. Be Excellent to youself!

[anonymous]

You do not quite understand me correctly. Function $.modalRemove() is triggered when it should not do that. Event click.modalOutsideClick must run a function $.modalRemove() when the event target is not .modal child. Please read the example carefully. Click on .modal child must remove this child and do nothing. But it also fires $.modalRemove().

[rwaldron]

Actually, I understand this very well. It's still not a jQuery bug. You have issues with your event binding and delegation.

Take a look around here: "click.modalOutsideClick".

[anonymous]

I'm very sorry only now found out about event bubbling sorry for any inconvenience

[rwaldron]

It's no problem! Glad we could facilitate a learning experience :D