0

Foundation 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) を参照するのを忘れている可能性があります。これを、javascript を参照するページの上部に追加します。

  <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 に答える