Javascript 为什么'；我的基础工具提示工作吗？_Javascript_Tooltip

Javascript 为什么'；我的基础工具提示工作吗？

javascript

Javascript 为什么'；我的基础工具提示工作吗？,javascript,tooltip,Javascript,Tooltip,我想使用一个基金会工具提示：根据说明：我将此代码放入正文中： <script> document.write('<script src=/js/vendor/' + ('__proto__' in {} ? 'zepto' : 'jquery') + '.js><\/script>'); </script> 但它不起作用：现在我该怎么做才能得到这样的工具提示呢我没有使用： <script src="/js/cu

我想使用一个基金会工具提示：

根据说明：我将此代码放入

正文中

：

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

但它不起作用：

现在我该怎么做才能得到这样的工具提示呢

我没有使用：

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

并且没有下载CSS：

我现在使用它们和工具提示：

我遇到了与@naser相同的问题，下面是我解决问题的方法：

我的第一个问题是我的网站上没有运行Modernizer。在页面的

部分添加Modernizer：

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

<> P>如果您的基础文件安装正确，这将起作用，但出于某些原因，MIX不是。因此，我使用中的文件安装Modernizer：

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

如果你不想使用来自CDNJs的文件，那么你应该浏览到你的基础/JS文件夹，看看文件（Authigr.js，Puffo.js，等等）是否在里面。如果没有，请尝试检查bower_components文件夹，然后将其复制到Foundation/js文件夹。如果你在任何地方都找不到它们，请尝试重新安装基金会。这对我很有效。希望这有帮助。


<!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>

$（函数（）{
$（document.foundation（）；
})
扩展信息
<代码> > p>我通过在基础脚本文件夹中放入SimeIrr.js并在页面的头部分调用NealZr.js来解决这个问题。p>
<script src="~/Scripts/foundation/modernizr.js"></script>



所有的工作魅力错误控制台告诉你什么？只是检查：你有基础CSS包含在页面上吗？不，我没有基础CSS工具提示不会正确地出现没有基础CSS：看看在…上的入门文件…特别是HTML页面标记部分对于在Rails（3.1+）中遇到此问题的任何人，只需将其添加到application.js includes部分：//=require vendor/custom.modernizer
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/js/modernizr.js"></script>

<!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>

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