使用 tooltipster 获取要呈现的工具提示？答案

【问题标题】：Getting tooltips to render using tooltipster?使用 tooltipster 获取要呈现的工具提示？
【发布时间】：2015-06-24 23:27:01
【问题描述】：

在过去的几个小时里，我一直在研究如何使用 tooltipster 自定义工具提示。我目前正在做：

index.html 的头部：

<head>

  <!--TOOLTIP CSS-->
  <link rel="stylesheet" type="type/css" href="node_modules/tooltipster-master/css/tooltipster.css">

  <!-- JQUERY -->
  <script src="node_modules/jquery/dist/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

 <!-- TOOLTIP SCRIPT -->
 <script src="node_modules/tooltipster-master/js/jquery.tooltipster.min.js"></script>

  <script>

    $(document).ready(function() {

      $('.my-tooltip').tooltipster({
        theme: 'tooltipster-noir'
      });

    });

  </script>
</head>

index.html 正文：

  <div class="my-tooltip" title="the message i want to tooltip out">Hover over me!</div>

问题是这仍然为我提供了非常基本的工具提示，没有任何颜色/主题/位置更改。如果你们都有这方面的经验，我很想听听！

【问题讨论】：

你需要添加 tooltipster-noir.css -> cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/css/themes/… 看看你的代码是否正常工作 -> jsfiddle.net/pj93eswz

标签： javascript jquery css tooltip tooltipster

【解决方案1】：

您尚未加载 css 文件 - tooltipster.css

【讨论】：

感谢您告诉我——我不小心忘记在头部添加 CSS 表。刚刚做了。但是，该示例仍然无法正常工作。
@Patryk - 不太明白。问题中的问题是“问题是这仍然给了我非常基本的工具提示，没有任何颜色/主题/位置变化”。为什么它“不是”一个可能的答案。干杯！
@potatopeelings ：抱歉，您实际上可能是对的。我的错。