2012-11-09 88 views
0

我想獲得基礎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> 

我需要首先初始化代碼?

回答

1

你可能已經忘記引用所有重要的樣式表(foundation.min.css),添加到你的頁面的頂部,你引用您的JavaScript:

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

你也應該更新Zurb - 基礎3.2

+0

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

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>