jQuery event not triggering

Question

I am trying to trigger a post request when a user clicks the submit button for a comment. Right now clicking the submit button triggers nothing, I even tried to console.log($(this)) I got no output. The first code below is the jQuery event code and ajax code. The block of code below that is the html button. thanks for the help.

 $('#submitComment').on('click', '#content', function() {
        $.ajax({
            url: 'http://localhost:3000/comments',
            type: 'POST',
            data: data = { comment: {
                body: $(this).find('input[name="createComment"]').val(),
                user_id: 1,
                image_set_id: 2}
            }
        }).done(function(response) {
            console.log(response);
        });
    });

the button I am trying to target with jQuery event

<div class="container">
    <div id="content">
      //the code between comments is in a Handelbar template
        <input name="createComment">
        <button type="submit" id="submitComment">Create Comment</button>
       //end of handelbar template
    </div> 
</div>

Swap #submitComment and #content in your .on().

j08691
– j08691

2014-11-12 02:36:28 +00:00
Commented Nov 12, 2014 at 2:36 — j08691
– j08691, Commented Nov 12, 2014 at 2:36

Arun P Johny · Accepted Answer · 2014-11-12 02:36:49Z

1

You need to bind the delegated handler to an ancestor(#content) of the target element(submitComment)

$('#content').on('click', '#submitComment', function () {
    $.ajax({
        url: 'http://localhost:3000/comments',
        type: 'POST',
        data: data = {
            comment: {
                body: $(this).find('input[name="createComment"]').val(),
                user_id: 1,
                image_set_id: 2
            }
        }
    }).done(function (response) {
        console.log(response);
    });
});

answered Nov 12, 2014 at 2:36

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

jQuery event not triggering

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