Re: Event delegation and “sliding door” links?

[Mr KiTT3N]

Quote:

The event handler inspects ids to figure out what was clicked on. This means that if you click on an EM element within the link, the event handler will never know that one of the sliding door links was clicked.

Ok i just focused on the quote above… But i know jquery has a .data() function and it can be used like so

Code:

$(‘#demo’).find(‘a’).click(function(){
var $this = $(this),
data = $this.data(‘clicked’);

if(data) $this.data(‘clicked’, false);
else $this.data(‘clicked’, true);

console.log($this.data(‘clicked’));
return false;

});

Im not sure on the requirement on using $("#demo") as the selector but that is doing the same thing as (‘#demo a’)

Code:

Sliding Door Link #1
Sliding Door Link #2

The html was the same but just cleared out the id’s on the anchors

Note: only time the <em> being clicked on becomes an issue is if you attach a click handler event on it then you just need to go to "$(this).parent(‘a’).data(……" this being the <em>