TypeError: $(...).tooltip is not a function

Question

I have gridview that is populated by jquery. Below is part of my code thats giving the above error:

var codes = $(this).find("Code").text();

 $("td", row).eq(6).html($(this).find("oTotal").text());
            if ($(this).find("Stock").text() == 'Y') {

                $("td", row).eq(7).html('<a href="#"  class="tooltip" title="This is my divs tooltip message!" id="' + codes + '" style="text-decoration:none">Y</a>');

                 $('#' + codes).live('click', function () {
                    $('#' + codes).tooltip();

                });
            }
            else {
                $("td", row).eq(7).html($(this).find("Stock").text());
            }

I am getting an error on $('#'+ codes).tooltip(); I have jquery.ui/1.8.22 and jquery/1.8.3.

Are you certain that you included the tooltip component in your jquery UI loadout? — Mister Epic
– Mister Epic, Commented Aug 16, 2013 at 18:23
Yes I did. I used this CDN ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js — Sithelo Ngwenya
– Sithelo Ngwenya, Commented Aug 16, 2013 at 18:25

Mister Epic · Accepted Answer · 2013-08-16 18:37:28Z

19

I think tooltip wasn't part of the file you are pulling in. Are you able to update your CDN reference to jQuery UI to:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

answered Aug 16, 2013 at 18:37

Mister Epic

16.8k13 gold badges88 silver badges157 bronze badges

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

Comments

Rafa Viotti · Accepted Answer · 2015-04-09 14:36:06Z

3

I solved this problem by moving all my Javascript tags above:

< jdoc:include type="head" />

Hope it works for you too.

edited Apr 9, 2015 at 14:36

Rafa Viotti

10.6k4 gold badges47 silver badges62 bronze badges

answered Apr 9, 2015 at 14:21

AkshayK

3153 silver badges4 bronze badges

Comments

Yogesh · Accepted Answer · 2021-01-18 14:23:05Z

1

Try re-arranging your script includes so jQuery is first, jQuery UI is second, then along through the rest.

answered Jan 18, 2021 at 14:23

Yogesh

7351 gold badge7 silver badges20 bronze badges

Comments

Dmitriy · Accepted Answer · 2017-12-20 10:19:06Z

0

tooltip() is not a function!!!

I solved the problem by using below steps in angular 4.

install jquery using, npm install jquery command.

add the following code in the path src/typings.d.ts file.

declare var jquery:any;

interface jquery
{
tooltip(options?:any):any;
}

It solved the tooltip() issue.

edited Dec 20, 2017 at 10:19

Dmitriy

5,58512 gold badges27 silver badges39 bronze badges

answered Dec 20, 2017 at 9:58

Karthikeyan Vellingiri

1,3302 gold badges20 silver badges28 bronze badges

Comments

Muhammad · Accepted Answer · 2018-05-18 05:21:29Z

0

The tooltip is the part of Bootstrap so including bootstrap should solve the problem.

Quick links to check with bootstrap, you may remove https: from the beginning of the bootstrap links.

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

answered May 18, 2018 at 5:21

Muhammad

7,4245 gold badges50 silver badges58 bronze badges

Comments

HoldOffHunger · Accepted Answer · 2021-01-21 18:37:16Z

0

tooltip() has not always existed in jQuery UI. It was added in version 1.9, so it'll work in any version after 1.9. Proof:

version added: 1.9 (Source: API.jQueryUI.com: Tooltip Widget.)

If you don't have a version of jQuery UI at version 1.9 or higher, you'll get the error: tooltip() is not a function().

This is why the accepted answer works: it simply links to version 1.10.3. Ideally, you should be using the most modern version of jQuery UI available (in fact, this rule applies typically to all packages).

answered Jan 21, 2021 at 18:37

HoldOffHunger

21.3k11 gold badges123 silver badges147 bronze badges

Collectives™ on Stack Overflow

TypeError: $(...).tooltip is not a function

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related