1

サイトの他のファンデーションライブラリをロードせずにzurbファンデーションツールチップスクリプトを使用しようとしていますが、ロードしようとすると、このjsエラーがスローされます。

私のマークアップは次のようになります。

<span class="has-tip tip-right" data-width="200" title="This is a tip">This is a tip</span>

<script src="js/jquery.js"></script>
<script src="js/jquery.foundation.tooltips.js"></script>
<script src="js/app.js"></script>

JSエラー：

Uncaught TypeError: Object [object Object] has no method 'tooltips' app.js:5
(anonymous function) app.js:5
fire jquery.js:1075
self.fireWith jquery.js:1193
jQuery.extend.ready jquery.js:435
DOMContentLoaded jquery.js:949

これが私がスクリプトをロードする方法です

(function ($) {  

$(function(){
    // initialize tooltips
    $(document).tooltips();
});
})(jQuery);

なぜこれが起こっているのか誰かが知っていますか？

4

3 に答える 3

1

正しい名前で関数を呼び出していないと思います。あるべきであり$(document).foundationTooltips()、そうではない $(document).tooltips()

完全な例：

(function ($) {  

$(function(){
    // initialize tooltips
    $(document).foundationTooltips(); //This line right here
});
})(jQuery);
于 2012-10-05T13:21:49.097 に答える
0

新しいドキュメントには次のものが必要です。

<span data-tooltip class="has-tip tip-right" data-width="200" title="This is a tip">This is a tip</span>

「data-tooltip」に注意してください。現在、文書化されているものを見つけるのは非常に困難です。

于 2013-03-21T07:41:32.907 に答える
0

Foundationツールチップは、ほとんどのツールチップライブラリと同様に、デフォルトのツールチップとしてtitle属性を使用しているように見えます。data-tooltipは、ドキュメント化されたアイテムとしてではなく、自分で使用したい人だけが使用するカスタムフィールドです。Googleの「html5のデータ属性」。

于 2013-03-29T20:43:38.103 に答える