jQuery .click() function not working

Question

I'm pretty sure my error is going to be obvious. I've been working for the last 6 hours and just can't find the brain power to figure where the hell I'm going wrong. If someone can let me know I'd really appreciate it.

Please note, I might commit suicide on finding out my error.

<!DOCTYPE html>

<html>
    <head>
        <script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
        <script>
            $("#addCompanies").click(function() {
                alert("hello");
            });
        </script>
    </head>
    <body>
        <a id="addCompanies">Continue</a>
    </body>
</html>

Is your DOM ready to be selected at the time of execution of that JavaScript? — alex
– alex, Commented Jun 2, 2013 at 23:42

David Robles · Accepted Answer · 2013-06-02 23:42:57Z

4

The handler passed to .ready() is guaranteed to be executed after the DOM is ready, so this is usually the best place to attach all other event handlers and run other jQuery code.

<!DOCTYPE html>

<html>
    <head>
        <script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#addCompanies").click(function() {
                    alert("hello");
                });
            });
        </script>
    </head>
    <body>
        <a id="addCompanies">Continue</a>
    </body>
</html>

answered Jun 2, 2013 at 23:42

David Robles

9,63710 gold badges41 silver badges47 bronze badges

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

1 Comment

jskidd3 Over a year ago

You sir are my saviour. I knew it would have been something stupid. Thanks very much!

ZorleQ · Accepted Answer · 2013-06-02 23:43:33Z

1

You need to run this onLoad. Your code is trying to attach the click handler BEFORE the actual DOM element exists.

$(function(){
    $("#addCompanies").click(function() {
        alert("hello");
    });
});

answered Jun 2, 2013 at 23:43

ZorleQ

1,4371 gold badge13 silver badges23 bronze badges

Comments

Devon Bernard · Accepted Answer · 2013-06-02 23:43:51Z

0

Another method to call a JavaScript function from a click is onclick try:

<script>
function myFunction()
{
alert("Hello World!");
}
</script>
<a id="addCompanies" onclick="myFunction()">Continue</a>

answered Jun 2, 2013 at 23:43

Devon Bernard

2,3005 gold badges19 silver badges34 bronze badges

Comments

basarat · Accepted Answer · 2013-06-02 23:48:31Z

0

You need to do it inside on dom content ready:

$(function(){
    $("#addCompanies").click(function() {
                alert("hello");
            });
});

http://jsfiddle.net/basarat/RDxSV/

answered Jun 2, 2013 at 23:48

basarat

278k60 gold badges475 silver badges528 bronze badges

Collectives™ on Stack Overflow

jQuery .click() function not working

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related