简体   繁体   English

获取工具提示以使用工具提示进行渲染?

[英]Getting tooltips to render using tooltipster?

I've been banging my head against the computer for the past couple hours as to how to customize tooltips using tooltipster . 在过去的几个小时中,我一直在脑海中思考如何使用tooltipster自定义工具提示 I'm currently doing: 我目前正在做:

head of index.html: 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>

body of index.html: index.html的正文:

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

The thing is that this still gives me the very basic tooltip without any color/theme/position changes. 事实是,这仍然为我提供了非常基本的工具提示,而没有任何颜色/主题/位置更改。 If you all have any experience with this, I'd love to hear it! 如果您对此有任何经验,我很想听听!

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM