javascript - jquery tooltip throwing error: function not defined -
i trying custom tooltip on image. during run time says "method or property tooltip not defined" here 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 comes here" /></div>
try include plugin directly developer, test. if works, there problem code.
i've removed [title]
<img>
, if need it, put 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 comes here" /> </div>
Comments
Post a Comment