在鼠标上显示消息

Question

当鼠标悬停在使用css创建的问号图像上时，我无法看到工具提示消息。请告诉我哪里错了。工作示例http://jsfiddle.net/8WKTj/28/。

以下是示例代码：

$(document).ready(function () {
  $("span.question").hover(function () {
    $(this).append('<div class="tooltip"><p>This is a tooltip. It is typically used to explain something to a user without taking up space on the page.</p></div>');
  }, function () {
    $("div.tooltip").remove();
  });
});

Answer 1

@SanRyu是正确的。您缺少JQuery引用（在JSFiddle的左上角，您可以选择要使用的库）。在您的实际源代码中，请确保添加对JQuery的引用...

$(document).ready(function () {
  $("span.question").hover(function () {
    $(this).append('<div class="tooltip"><p>This is a tooltip. It is typically used to explain something to a user without taking up space on the page.</p></div>');
  }, function () {
    $("div.tooltip").remove();
  });
});

Here is the updated fiddle

Answer 2

您需要为代码添加jQuery库。

但你最好使用这个jQuery插件：

http://jqueryui.com/tooltip/

它易于使用，看起来不错。