CODEWITHSUNDEEP
javascriptjquerysyntaxsyntax-errorindentation
user482375
user482375

Reputation:

JavaScript error (Uncaught SyntaxError: Unexpected end of input)

I have some JavaScript code that works in FireFox but not in Chrome or IE.

In the Chrome JS Console I get the follow error:

"Uncaught SyntaxError: Unexpected end of input".

The JavaScript code I am using is:

<script>
 $(function() {
 $("#mewlyDiagnosed").hover(function() {
    $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
 }, function() {
    $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
 });
</script>

It says the error is on the last line which is });

Upvotes: 259

Views: 1003839

Answers (12)

Marshall
Marshall

Reputation: 59

I got this error because of this line: <button type="button" id="button" onclick="Continue(); document.body.style.cursor = "wait"; this.disabled = true;"> Continue </button>

Note the double-quotes around wait. Changing the double-quotes around wait to single-quotes fixed it.

EDIT: Improved explanation. Changing the double quotes around wait to single quotes was necessary because the entire value for onclick was enclosed within double quotes. Leaving the double quotes around wait and changing the double quotes around the entire value for onclick to single quotes would also fix the issue.

Upvotes: -1

Petr
Petr

Reputation: 1219

I think it could be almost any javascript error/typing error in your application. I tried to delete one file content after another and finally found the typing error.

Upvotes: 0

Sam
Sam

Reputation: 976

In my case, it was caused by a missing (0) in javascript:void(0) in an anchor.

Upvotes: 12

Jimmy Obonyo Abor
Jimmy Obonyo Abor

Reputation: 7885

This error is mainly caused by empty returned ajax calls, when trying to parse an empty JSON.

To solve this test if the returned data is empty 

$.ajax({
    url: url,
    type: "get",
    dataType: "json",
    success: function (response) {

        if(response.data.length == 0){
            // EMPTY
        }else{
            var obj =jQuery.parseJSON(response.data);
            console.log(obj);
        }
    }
});

Upvotes: 6

hvgotcodes
hvgotcodes

Reputation: 120308

Formatting your code a bit, you have only closed the inner hover function. You have not closed the outer parts, marked below:

$(// missing closing)
 function() { // missing closing }
     $("#mewlyDiagnosed").hover(
        function() {
            $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
        }, 
        function() {
            $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
        });

Upvotes: 16

justanotherguy
justanotherguy

Reputation: 526

I also got this error pointing to the end of the last script block on a page, only to realize the error was actually from clicking on an element with a onclick="pagename" instead of onclick="window.location='pagename'". It's not always a missing bracket!

Upvotes: 1

Jack Hales
Jack Hales

Reputation: 1654

I got this since I had a comment in a file I was adding to my JS, really awkward reason to what was going on - though when clicking on the VM file that's pre-rendered and catches the error, you'll find out what exactly the error was, in my case it was simply uncommenting some code I was using.

Upvotes: 1

user280109
user280109

Reputation: 1476

I got this error when I was trying to write a javascript bookmarklet. I couldn't figure out what was causing it. But eventually I tried URL encoding the bookmarklet, via the following website: http://mrcoles.com/bookmarklet/ and then the error went away, so it must have been a problem with certain characters in the javascript code being interpreted as special URL control characters.

Upvotes: 3

Hugo
Hugo

Reputation: 2129

http://jsbeautifier.org/ is helpful to indent your minified JS code.

Also, with Google Chrome you can use "pretty print". See the example screenshot below showing jquery.min.js from Stack Overflow nicely indented right from my browser :)

enter image description here

Upvotes: 40

falsarella
falsarella

Reputation: 12447

In my case, I was trying to parse an empty JSON:

JSON.parse(stringifiedJSON);

In other words, what happened was the following:

JSON.parse("");

Upvotes: 102

Y&#235;co
Y&#235;co

Reputation: 1554

In my case, it ended up being a simple double quote issue in my bookmarklet, remember only use single quotes on bookmarklets. Just in case this helps someone.

Upvotes: 7

SLaks
SLaks

Reputation: 888077

Add a second });.

When properly indented, your code reads

$(function() {
    $("#mewlyDiagnosed").hover(function() {
        $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
    }, function() {
        $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
    });
MISSING!

You never closed the outer $(function() {.

Upvotes: 476

Related Questions