0

我正在创建一个 JavaScript 应用程序，当您将鼠标悬停时，会弹出一个小窗口，显示有关单元格中显示的值的信息。该功能如下图所示。但是，当我加载页面时，当我将鼠标悬停在单元格上时没有显示任何内容，尽管当我从 firebug 的终端运行该功能时，它开始按预期工作。为什么想法为什么？

$(document).ready(function()
        {
            $('#mytable td').qtip({
                content : {
                    text : function(api){
                        return "Time spend: " + $(this).html();
                    }
                },
                position : {
                    my : 'top left',
                    target : 'mouse',
                    viewport : $(window),       //keep it on-screen at all time if possible
                    adjust : {
                        x : 10, y : 10
                    }
                },
                hide : {
                    fixed : true                // Helps to prevent the tooltip from hiding occassionaly when tracking!
                },
                style : 'ui-tooltip-shadow'
            });
        });

和 HTML

<div id="mytable">
<table id="mytable" border="1px">
<tbody>
<tr>
<td style="background-color: rgb(0, 191, 255);">1</td>
<td style="background-color: rgb(0, 191, 255);">1</td>
<td style="background-color: rgb(0, 191, 255);">1</td>

这只是表格的一个示例。表本身很大（热图）

4

1 回答 1

0

请为其添加覆盖和显示属性，看看它是否有效。

例如：

$(this).qtip({
      overwrite: false, // make sure it can't be overwritten
      content: 'bla bla bla'
      show: {
         ready: true // make sure it show on first mouseover
      }
   })
于 2012-07-06T02:18:19.360 回答