使用工具提示器获取工具提示?

时间:2015-06-24 23:27:02

标签: javascript jquery css tooltip tooltipster

在过去的几个小时里,我一直在用电脑敲打电脑,了解如何使用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>

事情是,这仍然给了我非常基本的工具提示,没有任何颜色/主题/位置的变化。如果你们都有这方面的经验,我很乐意听到它!

1 个答案:

答案 0 :(得分:2)

您还没有加载css文件 - tooltipster.css