Uncaught SyntaxError: Unexpected token ) javascript in chrome

Question

Often ( too often ) I get this error in chrome console. I really can't find any syntacs error in my javascript code

When I try to locate where this error happen in google chrome, it always shows this:

chrome javascript error

It shows that error is on the beginning of the file ( somewhere around DOCTYPE ). Is this just that chrome doesn't show more infos or I messed up with inclusion of the files somewhere? ( or maybe even syntacs? ). Either way, I can't locate it with help of debug console

this is global.js:

(function() { 

    $("#btadd").click(function() { 

        $(".newlist").slideUp();
        return false;

    });


})();

this is html:

<div class="newlist" style="display:none">
<h4>Title: <input type="text"/></h4>
</div>
<br />
   <a href="javascript:void()" id="btadd"><span>Add New</span></a>

The SyntaxError won't be your DOCTYPE - go through your JavaScript — hohner
– hohner, Commented Feb 16, 2013 at 17:13

chriskohler · Accepted Answer · 2013-12-06 13:55:48Z

5

I had a similar problem. The error could also come from

javascript:void();

which should actually be

javascript:void(0);

You can reproduce this error in your console with

void()

answered Dec 6, 2013 at 13:55

chriskohler

1652 silver badges9 bronze badges

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

Comments

j08691 · Accepted Answer · 2013-02-16 17:21:20Z

2

Change this:

(function() { 
    $("#btadd").click(function() { 
        $(".newlist").slideUp();
        return false;
    });
})();

to this:

$(function () {
    $("#btadd").click(function () {
        $(".newlist").slideUp();
        return false;
    });
});

Or move your existing JavaScript to the end of the body. You created a self-invoking anonymous function that's executing before the elements it applies to have been loaded. This would work fine once the DOM is fully loaded, but since it's in the head of your document it runs too early. By using the example I showed you you're using jQuery's document ready event to run the code.

answered Feb 16, 2013 at 17:21

j08691

208k33 gold badges269 silver badges281 bronze badges

6 Comments

AHM Over a year ago

This can't be right. If that was the case, then the error would be something like a TypeError or something being null or undefined, as the DOM elements could not be found. But the error thrown is apparently a SyntaxError so there must be something else wrong. As there doesn't appear to be any syntax errors in the javascript posted I guess there is more script included somewhere on the page, on one of those scripts contains a syntax error.

j08691 Over a year ago

@AHM - no, it's correct. You can reproduce this easily in a jsFiddle.

j08691 Over a year ago

Why the downvote? It's obviously correct and the OP verified it.

j08691 Over a year ago

For the two anonymous cowards that downvoted, care to explain why?

chreekat Over a year ago

I would downvote, because even though though the OP "verified" it, it is not clear s/he did so knowingly. Your answer is solving an entirely different problem. The other answer, which was commented on by the OP, is clearly the correct one.

|

Collectives™ on Stack Overflow

Uncaught SyntaxError: Unexpected token ) javascript in chrome

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related