window.jQuery.ui is undefined

Question

Hi in my website i loaded all jquery javascripts and css but i write console.log(window.jQuery.ui); it returns undefined. I dont know why.

So if i write $(".tooltip").tooltip(); It says:TypeError: Object [object Object] has no method 'tooltip'

My code is shown below:

<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet"  href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link href="css/epoch_styles.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.selectbox.css" rel="stylesheet" type="text/css" />
<link href="css/OnlineRezervasyon.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ui.tooltip.min.css" rel="stylesheet" type="text/css" />

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.tooltip.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/epoch_classes.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script src="js/jquery.selectbox-0.2.js" type="text/javascript"></script>        
<script src="js/script.js" type="text/javascript"></script>

Because $(".tooltip").tooltip() not working.

ftdeveloper
– ftdeveloper

2013-11-26 10:44:23 +00:00
Commented Nov 26, 2013 at 10:44 — ftdeveloper
– ftdeveloper, Commented Nov 26, 2013 at 10:44
yep i see now. you can follow as @khior answered.

Jai
– Jai

2013-11-26 10:46:03 +00:00
Commented Nov 26, 2013 at 10:46 — Jai
– Jai, Commented Nov 26, 2013 at 10:46

Khior · Accepted Answer · 2013-11-26 10:48:46Z

2

The console will always return undefined because jQuery UI extends the jquery object itself, it doesn't get added as a property of the jQuery object. That is why you can do this:

$('a.button').button();

instead of:

$('a.button').ui.button();

Also, you will need to swap the following lines around like so to make sure you don't get any jQuery UI errors:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/jquery.tooltip.js" type="text/javascript"></script>
<script src="js/epoch_classes.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script src="js/jquery.selectbox-0.2.js" type="text/javascript"></script>        
<script src="js/script.js" type="text/javascript"></script>

edited Nov 26, 2013 at 10:48

answered Nov 26, 2013 at 10:21

Khior

1,2561 gold badge10 silver badges22 bronze badges

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

4 Comments

ftdeveloper Over a year ago

I did what you say. When i write console $(".tooltip").tooltip(); It says:TypeError: Cannot call method 'tooltip' of undefined

Khior Over a year ago

Your block of script tags should now look like my edited answer, is this the case?

ftdeveloper Over a year ago

Did not work for me. Getting same error:TypeError: Object [object Object] has no method 'tooltip'

Khior Over a year ago

Can you replicate this in a jsfiddle?

Collectives™ on Stack Overflow

window.jQuery.ui is undefined

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related