jquery tooltip throwing error: function not defined

Question

I am trying to get custom tooltip over image. but during run time it says "method or property tooltip not defined" here is my code

<script src="/full/jquery.tools.min.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $("#content img[title]").tooltip();

    });

</script>

<style type="text/css" >

.tooltip 
    {    
        display:none;
        background:transparent url(Images/blackarrow.png);    
        font-size:12px;    
        height:70px;    
        width:160px;    
        padding:25px;    
        color:#eee;  
    }</style>
</asp:Content>


    <div id="content"> <img alt="" src="Images/help1.png" title="Your help comes here" /></div>

Did you include the plugin in the head section? Seems that not. — Marcio Mazzucato
– Marcio Mazzucato, Commented Jun 26, 2012 at 22:03
yes i did. I even tried same thing in different project with no master page and getting plugiun locally..still no luck. — osaka
– osaka, Commented Jun 26, 2012 at 22:09

Marcio Mazzucato · Accepted Answer · 2012-07-19 17:52:21Z

1

Try to include the plugin directly from the developer, just for test. If works, there is some problem with your code.

I've removed the [title] from <img>, if you really need it, put it again.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $("#content img").tooltip();

    });

</script>

<style type="text/css" >

    #tooltip {
    width:160px;
    height:70px;
    background:transparent url(Images/blackarrow.png) #eee;
    z-index: 3000;
    border: 1px solid #111;
    opacity: 0.85;
    font-size:12px;    
    padding:25px;    
    color:#eee;  
    position: absolute;
    }
    #tooltip h3, #tooltip div { margin: 0; }


</style>

<div id="content">
    <img alt="" src="Images/help1.png" title="Your help comes here" />
</div>

edited Jul 19, 2012 at 17:52

answered Jun 26, 2012 at 22:32

Marcio Mazzucato

9,36511 gold badges71 silver badges83 bronze badges

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

2 Comments

osaka Over a year ago

I tried giving direct from developer too but still I ll try one more time as given above n update u.

Marcio Mazzucato Over a year ago

@NandiniT, Maybe your JQuery has some problem, i've done an update in the answer loading the JQuery from Google Library, try to do this to see what happens.

Collectives™ on Stack Overflow

jquery tooltip throwing error: function not defined

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related