Run coffeescript method on html input button click

Question

I have the following on my html:

<input id="submitbutton" type="submit" />

Further down I then have:

<script type="text/coffeescript">
            $('#submitbutton').click() ->
                alert('hello')
</script>

Yet when I click the button the alert doesn't get triggered.

Do you have the CoffeeScript compiler included so that text/coffeescript is understood? Anything in the error console? PS: you might want to look at the JavaScript version of your CoffeeScript, it doesn't say what you think it does. — mu is too short
– mu is too short, Commented Sep 24, 2014 at 2:23
Thanks, the compiler is included and working elsewhere, but there is an 'uncaught TypeError: object is not a function' — racinjasin
– racinjasin, Commented Sep 24, 2014 at 2:41
And have you looked at what $('#submitbutton').click() -> alert('hello') gets turned into? — mu is too short
– mu is too short, Commented Sep 24, 2014 at 3:00
Looks like it gets turned into $('#submitbutton').click()(function() { return alert('hello'); }); Is there something here that should be obvious? Sorry if so, pretty new to js/coffeescript. I'm not worried about the alert itself, that's just a placeholder for the function to write later, the issue is that I can't get a function to run from the button click — racinjasin
– racinjasin, Commented Sep 24, 2014 at 3:31

Community · Accepted Answer · 2017-05-23 12:31:04Z

1

I believe you have to wrap that in another function:

<script type="text/coffeescript">
  $ ->
    $('#submitbutton').click() ->
      alert('hello')
</script>

I think (though I am not sure) this is to ensure that the document is fully loaded before that function is bound to the button (so that the button actually exists when the binding takes place)

Based on this question: How to register Jquery click event with coffeescript on rails 3.1

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Mar 19, 2015 at 19:54

deltatango

1761 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

Run coffeescript method on html input button click

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related