Jquery 如何使用firebug判断appendTo调用是否成功/向flot图添加工具提示

我正试图按照这个步骤向flot图添加工具提示。但工具提示不会显示

$(document).ready(function(){
    $("#plotarea").bind("plothover", function (event, pos, item) {
        $("#x").text(pos.x.toFixed(2));
        $("#y").text(pos.y.toFixed(2));
        if (item) {
          $("#charttooltip").remove();
        var x = item.datapoint[0].toFixed(2),
        y = item.datapoint[1].toFixed(2);
        showChartTooltip(item.pageX, item.pageY,'tooltip text to display');
        } else {
          $("#charttooltip").remove();
        }
    });
});

function showChartTooltip(x, y, contents) {
        $('<div id="charttooltip">' + contents + '</div>').css( {
              position: 'absolute',
              display: 'visible',
              'z-index': 100,
              top: y + 5,
              left: x + 5,
              border: '1px solid #bfbfbf',
              padding: '2px',
              'background-color': '#ffffff',
              opacity: 1                              
        }).appendTo($('#main_body')).fadeIn(200);
        } 
</script>

<div class="main_body"> //->is present in the html

$（文档）.ready（函数（）{
$（“#plotarea”）.bind（“plothover”，函数（事件、位置、项目）{
$（“#x”）.text（pos.x.toFixed（2））；
$（“#y”）.text（pos.y.toFixed（2））；
如果（项目）{
$（“#图表工具提示”）.remove（）；
var x=项。数据点[0]。固定（2），
y=item.datapoint[1].toFixed（2）；
showChartTooltip（item.pageX、item.pageY、“要显示的工具提示文本”）；
}否则{
$（“#图表工具提示”）.remove（）；
}
});
});
函数ShowChart工具提示（x、y、目录）{
$（'div id=“charttooltip”'+contents+'/div'）。css（{
位置：'绝对'，
显示：“可见”，
“z指数”：100，
顶部：y+5，
左：x+5，
边框：“1px实心#bfbf”，
填充：“2px”，
“背景色”：“ffffff”，
不透明度：1
}).appendTo（$（'main#u body'））.fadeIn（200）；
} 
//->存在于html中

我用firebug检查了showChartTooltip方法是否被调用。这很有效。当我一步一步地完成代码时，一切似乎都如预期的那样工作，只是我不知道我能在firebug中判断appendTo调用是否成功

这是我想检查的第一件事，因为工具提示没有显示。我还插入了一个非常高的z指数，以确保这不是问题所在

---

如果有人知道还有什么不对劲。。非常感谢您的评论。

在firebug中打开HTML面板并展开body元素，如果添加了id=charttooltip的div，则该方法有效。让我知道这是否是问题所在。

如果代码中确实存在

等，那么这几乎肯定是您的问题。您需要编写实际的html作为参数：

$('<div id="charttooltip">' + contents + '</div>')

$（''+内容+''）

uuhh。。没错。这就是问题所在。非常感谢。我想知道为什么这本书的作者只使用了他的博客软件。留下评论，让他知道！谢谢你，这对我也有很大帮助。这部分解决了我的问题。我一直在看firebug的inspect javascript选项卡。但我不知道firebug实际上也会更新html源代码。您也可以尝试使用控制台选择它：

$（“#图表工具提示”）

。。。如果元素添加成功，您将返回该元素。