Question

这是我的代码：

<!DOCTYPE html>
 <html>
  <head>
   <script type="text/javascript" src="libraries/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="libraries/jquery.qtip-1.0.0-rc3.min.js"></script>
   <script>

     $('a_tip').qtip({
     content: 'This is an active list element',
     show: 'mouseover',
     hide: 'mouseout'
      })

   </script>
  </head>
<body>

 <div id = "a_tip">
  Want a tip?
 </div>

</body>

我的jquery和qtip库位于正确的位置 - 在Chrome控制台中根本没有错误。我按照qtip网站上的教程做了最好的，但看不出我错在哪里。我想要的是工具提示显示何时将光标放在“想要小费？”上方。谢谢你的帮助！

Answer 1

您使用了错误的选择器。您需要使用#id选择器。

$('#a_tip').qtip({ ... });

其次，要确保在执行此操作时存在#a_tip，您需要在DOMReady事件上执行此操作。

$().ready(function() {
    $('#a_tip').qtip({ ... });
});

Answer 2

你必须在DOM准备就绪时添加代码，并且你错过了#的id选择器，尝试这样的事情：

<script>
 $(function(){//When DOM is ready
    $('#a_tip').qtip({
      content: 'This is an active list element',
      show: 'mouseover',
      hide: 'mouseout'
    });
 });

</script>

还添加以下样式以显示qTip：

<style>
  #a_tip{
     display:inline
  }
</style>

jquery，qtip ...为什么我的工具提示不起作用？

2 个答案: