爲什麼我的基金會工具提示不起作用？

我想用一個基金會提示： http://foundation.zurb.com/docs/components/tooltips.html 爲什麼我的基金會工具提示不起作用？

按照說明：我把這個代碼在body：

<script> 
    document.write('<script src=/js/vendor/' 
    + ('__proto__' in {} ? 'zepto' : 'jquery') 
    + '.js><\/script>'); 
</script>

及用途：

<script src="/js/foundation.min.js"></script>

和：

<script> 
    $(function(){ 
    $(document).foundation();  
    }) 
</script>

我使用body

<span data-tooltip class="has-tip" title="Tooltips are awesome, you should totally use them!">extended information</span>

這個代碼，但它不工作：

upload.tehran98.com/img1/6taveochivfnio6ch6h2.png

現在我該怎麼辦有提示這樣嗎？

upload.tehran98.com/img1/zkmxqt8nqvkbnyn4bd.png

來源

2013-05-16 naser

錯誤控制檯告訴你什麼？ –

只需檢查：你的網頁上是否包含Foundation CSS？ – thefrontender

不，我沒有Foundation CSS – naser

我沒有用：

<script src="/js/custom.modernizr.js"></script>

，並沒有下載CSS：http://foundation.zurb.com/download.php

我使用它們，現在提示的工作：

enter image description here

來源

2013-05-16 04:51:04 naser

對於在Rails（3.1+）中遇到此問題的任何人，只需將其添加到application.js包含部分： // = require vendor/custom.modernizr – ajselvig

我有sa我的問題作爲@ naser，這裏是我如何解決我的問題：

我的第一個問題是，我沒有在我的網站上運行modernizr。在你的頁面的<head>部分添加的Modernizr：

<script src="/js/vendor/modernizr.js"></script>

如果你的基礎文件被正確安裝，這應該工作，但由於某種原因，我的不是。所以我用的文件從CDNJS安裝Modernizr的：

<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/js/modernizr.js"></script>

如果你不想從CDNJS使用的文件，那麼你應該導航到你的基金/ JS文件夾，看看文件（modernizr.js，基礎.js等等）在那裏。如果他們不嘗試檢查bower_components文件夾，然後將它們複製到Foundation/js文件夾。如果您無法在任何地方找到它們，請嘗試重新安裝Foundation。

而且這對我很好。希望這可以幫助。

來源

2014-06-04 20:37:04 MattCamp

<!doctype html> 
<head> 
<link rel="stylesheet" href="css/foundation.css" /> 
<script src="js/vendor/jquery.js"></script> 
<script src="js/foundation/foundation.js"></script> 
<script src="js/foundation/foundation.tooltip.js"></script> 
<script src="js/modernizr.min.js"></script> 
</head> 
<body> 
<script src="/js/foundation.min.js"></script> 
<script> 
    $(function(){ 
    $(document).foundation();  
    }) 
</script> 
<span data-tooltip class="has-tip" title="Tooltips are awesome, you should totally use them!">extended information</span> 
</body> 
</html>

來源

2014-06-20 10:23:50 chaitanya

我通過把modernizr.js的基礎腳本文件夾，並通過調用頁面的頭部部分modernizr.js解決它。

<script src="~/Scripts/foundation/modernizr.js"></script>

所有的工作魅力！

來源

2014-09-12 10:55:20 Learner

爲什麼我的基金會工具提示不起作用？

回答

相關問題