基础工具提示不起作用.关于这个主题的任何想法

foundation tooltip is not working. Any idea on this subject?

本文关键字：任何想 于这个 工具提示 不起作用      更新时间：2023-09-26

基础工具提示不起作用。我认为脚本放置错误，但我无法弄清楚实际问题是什么。工具提示是否必须为 JavaScript 初始化，还是仅基于 CSS？

这是我放在结束正文标签上方的脚本

<script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><'/script>')
  </script>
  <script src="js/foundation.min.js"></script>
  <script src="../js/foundation/foundation.section.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
<script>
  $(document).foundation();
  $(document).foundation('orbit', {
    animation: 'fade'
    timer_speed: 3000,
    pause_on_hover: false,
    resume_on_mouseout: false,
    animation_speed: 300,

  });
  $(".orbit-timer").hide();
  $(".orbit-slide-number").hide();
</script>

我已经经历了其他问题，但找不到正确的答案！

这是工具提示的 HTML

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

使用的是Foundation 4，我看到您没有在页面中包含custom.modernizr.js和foundation.tooltips.js。

现代化：

在页面的头部部分添加现代化。现代化充当 用于旧版浏览器的 HTML5 元素的填充程序以及检测 移动设备。

请参阅：http://foundation.zurb.com/docs/javascript.html 和 http://foundation.zurb.com/docs/components/tooltips.html

演示：http://jsfiddle.net/IrvinDominin/4jaEa/

编辑

您的轨道功能不起作用，因为animation选项后缺少,，并且必须在$(document).foundation()执行之前完成轨道设置。

法典：

$(document).ready(function () {
        $(document).foundation('orbit', {
        animation: 'fade',
        timer_speed: 3000,
        pause_on_hover: false,
        resume_on_mouseout: false,
        animation_speed: 300
    });
    $(document).foundation();
    $(".orbit-timer").hide();
    $(".orbit-slide-number").hide();
});

演示：http://jsfiddle.net/IrvinDominin/SdAkp/

相关文章：