Question

我在w3schools上看过基础工具提示 http://www.w3schools.com/foundation/foundation_tooltips.asp

我已经下载了foundation.css，foundation.min.css和modernizer.js。我已经有jquery设置并在我的网站上工作。

但是工具提示不起作用，我创建了一个也不起作用的例子。 https://jsfiddle.net/SimonPlatten/x6ftzrvf/1/

在我的代码中：

var strTooltip = "hello&lt;br />line2";
strEntry += "<span data-tooltip class=\"has-tip radius\""
               + " title=\"" + strTooltip + "\">Sometext</span>";
$(page).append(strEntry);

如果我采用上面示例中的确切工具提示并在w3schools示例中尝试它，它可以很好地工作，但我看不到我缺少的东西。

Answer 1

根据文档，请直接查看基金会文档，w3schools似乎已经过时

链接到文档http://foundation.zurb.com/sites/docs/v/5.5.3/components/tooltips.html

使用我们的Javascript轻松配置工具提示。您可以使用数据属性或普通的旧Javascript。 确保jquery.js， foundation.js和foundation.tooltip.js 已包含在您的继续前的页面。例如，在之前添加以下内容关闭<body>代码：

你似乎缺少了foundation.tooltip.js

尝试使用Foundation Tooltips但失败

1 个答案: