0

我正在尝试显示基础 3 工具提示，但是当我将鼠标悬停在 span 元素上时，它会显示标准工具提示。

在此处输入图像描述

我正在引用以下 js 文件

<script src="/js/jquery-1.8.2.min.js" type="application/javascript"></script>   
<script src="/js/modernizr.foundation.js"  type="text/javascript"></script>
<script src="/js/app.js"  type="text/javascript"></script>
<script src="/js/jquery.foundation.forms.js"  type="text/javascript"></script>
<script src="/js/jquery.foundation.tooltips.js"  type="text/javascript" ></script>

元素：

<span class="has-tip tip-top noradius" data-width="210" title="Bottom and the default position.">Your Target Price</span>

我需要先初始化代码吗？

4

2 回答 2

2

脚本的引用顺序错误。app.js应该总是最后出现，因为它初始化插件。

<script src="/js/jquery-1.8.2.min.js" type="application/javascript"></script>   
<script src="/js/jquery.foundation.forms.js"  type="text/javascript"></script>
<script src="/js/jquery.foundation.tooltips.js"  type="text/javascript" ></script>
<script src="/js/app.js"  type="text/javascript"></script>

也modernizr.js应该在<head>. http://modernizr.com/docs/#installing

<script src="/js/modernizr.foundation.js"  type="text/javascript"></script>
</head>
于 2012-11-09T13:47:38.130 回答
1

您可能忘记引用所有重要的样式表（foundation.min.css），将其添加到您引用 javascripts 的页面顶部：

  <link rel="stylesheet" href="/stylesheets/foundation.min.css"/>
  <link rel="stylesheet" href="/stylesheets/app.css"/>

你也应该更新到 Zurb-Foundation 3.2

于 2012-11-09T03:55:43.830 回答