Question

我正在尝试将Foundation工具提示用于项目。该项目属于Yii框架。

在正文的最后，我添加了jQuery，Foundation JS，并初始化了Foundation。

<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/vendor/jquery.js"></script>

<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/foundation.min.js"></script>

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

然后我添加了通用HTML类

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

结果只是一个简单的通用浏览器工具提示。

所有其他基础javascript功能也不起作用，显示，下拉等...唯一有效的是轨道。

不确定我在这里做错了什么。

Answer 1

您需要将foundation.css链接到您的网页。

Answer 2

我通过包含custom.modernizr.js（在基础脚本之前）来解决这个问题

Answer 3

将所有脚本移到正文结束前的HTML文件末尾

基础工具提示不起作用

3 个答案: