1

这是我的代码：

<!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网站上的教程尽了最大努力，但看不出我错在哪里。我想要的只是当光标放在“想要提示？”时显示工具提示。谢谢你的帮助！

4

2 回答 2

1

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

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

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

$().ready(function() {
    $('#a_tip').qtip({ ... });
});
于 2013-09-10T14:55:20.257 回答
1

#当 DOM 准备好并且缺少for 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>
于 2013-09-10T14:56:42.853 回答