javascript - 为什么我的基础工具提示不起作用?

标签 javascript tooltip

我想使用 Foundation 工具提示: 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

最佳答案

我没用过:

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

并且没有下载 CSS:http://foundation.zurb.com/download.php

我使用它们并且工具提示现在可以工作了:

enter image description here

关于javascript - 为什么我的基础工具提示不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16578058/

相关文章:

javascript - jQuery:在加载 html 页面时同步更新进度条?

Javascript 加载带有 javascript 变量的链接作为查询字符串

css - 在溢出时显示工具提示 :hidden

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

reactjs - 自定义工具提示不透明度始终为 1

angular-material - MatTooltip 在整个项目中不会与其对象/按钮对齐,如何对齐?

javascript - 根据键以外的属性删除存储在 formData 中的对象

javascript - 如何在 JavaScript 中不使用 ID 获取元素的值

html - 如何固定工具提示相对于 HTML 文本框的位置?

javascript - 如何使用 Playwright 打开新标签(例如单击按钮在新标签中打开新部分)