Question

我正在尝试将图像作为工具提示显示在图像上时。我已经阅读了有关Stack Overflow的各种帖子并尝试了但仍然无法正常工作。我正在学习jQuery，并希望得到一些帮助，告诉我我错过了什么方面的工具提示？

以下是我目前使用的代码：

$(document).ready(function () {
    $(".panel").tooltip({
        delay: 0,
        showURL: false,
        track: true,
        bodyHandler: function () {
            return '<img src="images/b_clicktozoom.jpg" alt="Click to Zoom" width="88px" height="20px"/>';
        }
    });
});

html如下：

 <div class="belt">
     <div class="panel" style="float: none; position: absolute; left: 2643px;">
         <img width="879" height="510" border="0" usemap="#xyz.jpg"alt="Writing on the Wall" src="xxx.jpg">
     </div>
 </div>

请让我知道您对此的看法

由于

Answer 1

您是否在页面中包含了jQuery工具提示外部JS文件？如果没有页面上包含的工具提示插件，tooltip（）将无法运行。您可以从http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

下载

Answer 2

转到以下网址

http://flowplayer.org/tools/tooltip/index.html

并在脚本标记中包含以下内容：

SRC = “http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js”

然后在html标记元素上调用它，例如$（“label”）。tooltip（）;

图像工具提示不起作用

2 个答案: