javascript - 在框架之外使用 Zurb Foundation 工具提示

Question

我尝试使用 zurb Foundation 工具提示脚本，而不为我的网站加载任何其他基础库，但是当我尝试加载它时，它会抛出此 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);

有谁知道为什么会这样吗？

Answer 1

我认为您没有使用正确的名称调用该函数。它应该是 $(document).foundationTooltips() 和 NOT $(document).tooltips()

完整示例:

(function ($) {  

$(function(){
    // initialize tooltips
    $(document).foundationTooltips(); //This line right here
});
})(jQuery);