foundation 3.1工具提示不顯示

我想獲得基礎3工具提示來顯示，但是當我將鼠標移到span元素上時，它顯示標準工具提示。foundation 3.1工具提示不顯示

enter image description here

我引用下面的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>

我需要首先初始化代碼？

來源

2012-11-09 Zaffiro

你可能已經忘記引用所有重要的樣式表（foundation.min.css），添加到你的頁面的頂部，你引用您的JavaScript：

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

你也應該更新Zurb - 基礎3.2

來源

2012-11-09 03:55:43

我已經引用了css文件。它正在升級到Zurb-Foundation 3.2，這是個訣竅！ – Zaffiro

腳本以錯誤的順序被引用。 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-09 13:47:38

foundation 3.1工具提示不顯示

回答

相關問題