Binding click event in jquery coffeescript

Question

I am working on rails 3.2 and using coffeescript too.. I have a doubt in using jquery mobile inside my application I have a html like ``` Follow ``` In my coffeescript, i am trying to write function on click of this Follow, i am trying to send a ajax call. when i wrote like ``` $("a.follow").unbind('click').bind 'click', (event, data) -> event.stopPropagation() clickedEl = $(event.target) console.log(clickedEl) ``` Console.log prints span with class "ui-btn-text" at times and span with "ui-btn-inner" at times. But in my coffeescript function , i need to actually take attributes from a tag. How to proceed with this

Accepted Answer

You can use `event.currentTarget` instead of `event.target`:

The current DOM element within the event bubbling phase.

Demo: http://jsfiddle.net/ambiguous/gdzUC/

Or `event.delegateTarget`:

The element where the currently-called jQuery event handler was attached.

Demo: http://jsfiddle.net/ambiguous/UhBWM/

You could also use `closest`:

```
clickedEl = $(this).closest('a')
```

Demo: http://jsfiddle.net/ambiguous/2LHp3/

The `event.target` value is:

The DOM element that initiated the event.

In other words, it is the thing that was actually clicked on. The `currentTarget` and `delegateTarget` will be the thing that the event is bound to. Using `closest` is probably overkill for this, you'd usually use that to go up the DOM to an container that holds several items that you're interacting with.

Binding click event in jquery coffeescript

Solution

Problem