JQuery中的弹出气球

Question

我使用以下命令在每次鼠标移动到网页上的div标签时制作一个弹出气球，我试图在我正在解析的任何网页中插入此命令，所以我将命令附加到头部，如下所示：

head.append("$('div').attr('onmouseover', 'balloon.showTooltip(event,You are hovering, I said click me! <a href=www.google.com>Click</a>)');");

，其中 ballon是我之前定义的对象

但它不起作用

Answer 1

除了不明白问题究竟是什么之外，这段代码还有很多问题。我看到的主要问题是showTooltip函数调用不是合法的javascript，因为该消息不是带引号的字符串。另外，这不是在jQuery中使用事件处理程序的好方法。假设head是页面中的jQuery对象（而不是head标签），请尝试：

head.append($("<div class='test'>").mouseover(function() {
    balloon.showTooltip(event, "You are hovering, I said click me! <a href='http://www.google.com'>Click</a>");
});

另一个问题是，您创建并附加到页面的<div>没有大小，因此您永远不会在其上获得鼠标悬停事件。如果你给它一个有限的大小，它可以工作。你可以在这里看到：http://jsfiddle.net/jfriend00/Y6LGT/我给它一个类名并使用CSS来给它一个大小。