jQuery onClick event

Question

Cant seem to get this working. Any help would be great. I am somewhat of a beginner with jquery.

$('#add_button').click(function () {
    $("#add_button").hide();
});

Here is the HTML

<input id='add_button' type='submit' class='add_now' value='' />

Seems simple enough, but clicking on the input does nothing. Is there a different method for targeting inputs? Thanks.

It seems that your form is currently posting back to the same page. Assuming you will never try to submit the form this way, you can use type='button', instead of submit. — cwharris
– cwharris, Commented Apr 17, 2011 at 23:05
Huh, still no luck with this method. I changed it to a button type. This is not inside a <form> tag. Does this change anything? I simple made it an input because of how it will be handled later. — Earl Higgins
– Earl Higgins, Commented Apr 17, 2011 at 23:18

David Tang · Accepted Answer · 2011-04-17 23:20:07Z

18

Make sure you include jQuery before your script:

<script src="http://code.jquery.com/jquery-latest.js"></script>

And put your code inside a document-ready function:

$(document).ready(function () {
    $('#add_button').click(function () {
        $("#add_button").hide();
    });
});

answered Apr 17, 2011 at 23:20

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

1 Comment

Earl Higgins Over a year ago

you know what.. My function was closed off from the document ready function up above! Thanks, wouldn't have noticed this otherwise.

SLaks · Accepted Answer · 2011-04-17 23:02:45Z

1

You should add return false; to prevent the browser's default action.

answered Apr 17, 2011 at 23:02

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

1 Comment

Earl Higgins Over a year ago

This does not seem to make a difference. Could you show me an example?

Daniel A. White · Accepted Answer · 2011-04-17 23:02:34Z

0

Return false from your function.

answered Apr 17, 2011 at 23:02

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

Comments

webtech · Accepted Answer · 2013-11-09 14:40:58Z

0

The problem might be that your jQuery is above the form. Try to move it below your HTML.

answered Nov 9, 2013 at 14:40

webtech

3293 silver badges14 bronze badges

Collectives™ on Stack Overflow

jQuery onClick event

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related