Weird issue with simple CoffeeScript and jQuery events

Question

The event fires well on a wildcard selector, but fails if I use a specific ID for the selector.

This works:

$("*").click ->
  console.log "entered event."
  $("#tellafriend").dialog
    modal: true
    buttons:
      Ok: ->
        $(this).dialog "close"

Yet, this doesn't:

$("#tell-a-friend").click ->
  console.log "entered event."
  $("#tellafriend").dialog
    modal: true
    buttons:
      Ok: ->
        $(this).dialog "close"

And my relevant HTML:

<ul class="actions">
    <li><a href="#">Home</a></li>
    <li>|</li>
    <li><a href="#" id="tell-a-friend">Tell a Friend</a></li>
</ul>

Am I missing something in CoffeeScript for this to work? Maybe jQuery selectors are formatted differently in CoffeeScript?

This is the rendered Javascript that my application serves (Rails convert CoffeeScript to JS when serving the pages):

(function() {

  $("#tell-a-friend").click(function() {
    console.log("works");
    return $("#tellafriend").dialog({
      modal: true,
      buttons: {
        Ok: function() {
          return $(this).dialog("close");
        }
      }
    });
  });

}).call(this);

Oh you've got to be kidding me, I forgot the $(document).ready() bit. Testing. Edit: Yes, that was the problem. Massive brainfart on my part. This always happens when I'm in new territory (coffeescript) I forget the basics. — Only Bolivian Here
– Only Bolivian Here, Commented Feb 12, 2012 at 16:05

tvanfosson · Accepted Answer · 2012-02-12 16:06:06Z

2

Is it possible that the code is being executed before the DOM is completely loaded. Try wrapping it in a document ready handler so that any click handlers are applied after the DOM is completely loaded. As it is, it may only be executing on the body element because that's the only element available at the time the script is executed.

answered Feb 12, 2012 at 16:06

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Weird issue with simple CoffeeScript and jQuery events

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related