jQuery-UI: Uncaught SyntaxError: Unexpected token

Question

Here is what I have in HTML:

<!DOCTYPE html>
<html>
<head>

    <script type="text/javascript" src="/static/jslibs/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.css"></script>

    <title>test</title>
</head>
<body>

</body>
</html>

And here is what I got with it:

Uncaught SyntaxError: Unexpected token . 
...Here code caused exception...
.ui-helper-hidden {
display: none;
}

Does anybody familiar with it?

Don't try to bring in CSS files with a script tag. Also you need jQuery for jQuery-UI — Mark Meyer
– Mark Meyer, Commented Mar 16, 2013 at 19:04

Denys Séguret · Accepted Answer · 2013-09-23 09:46:48Z

35

You're confusing js files and css files.

You're using a script element to import a css file, hence the error. JQuery UI needs both a CSS file and a JS file, and they must be imported in separate elements. It should look like this :

<link type="text/css" href="lib/jquery/ui-darkness/jquery-ui-1.8.21.custom.css" rel="stylesheet" /> 
<script charset="UTF8" src="jquery.min.js"></script>
<script charset="UTF8" src="lib/jquery/jquery-ui-1.9.0.custom.min.js"></script>

edited Sep 23, 2013 at 9:46

answered Mar 16, 2013 at 19:03

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

3 Comments

Gill Bates Over a year ago

Indeed, apparently I was blind

Geomorillo Over a year ago

really i need some new glasses

TheTechGuy Over a year ago

What? Yesssss :)

Collectives™ on Stack Overflow

jQuery-UI: Uncaught SyntaxError: Unexpected token

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related