Javascript qTip文本提示简单插件不工作

我正在尝试从以下站点安装一个名为qtip的简单文本提示jquery:，但没有成功。它根本不工作，我没有得到任何错误。我已经试着解决这个问题一个多小时了

我的代码下面有一个空白的div类

。我只是想用
qtip
来显示任何文本，当该框悬停以确认其工作时

Javascript

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript" src="jquery.qtip.min.js"></script>
<script>
 $(document).ready(function(){
    $(".myform").validate({
        highlight: function(element, errorClass, validClass) {
             $(element).css('border', '1px solid red');
          },
          unhighlight: function(element, errorClass, validClass) {
             $(element).css('border', '1px solid #ddd');
          },
        messages: {
            first: "Please specify your name",
        }
    });

    $('.something').qtip('hello');
  });
</script>


$（文档）.ready（函数（）{
$（“.myform”）.validate({
突出显示：函数（元素、errorClass、validClass）{
$（element.css（'border'，'1px实心红色'）；
},
取消高亮显示：函数（元素、errorClass、validClass）{
$（element.css（'border'，'1px solid#ddd'）；
},
信息：{
第一：“请指定您的姓名”，
}
});
$（'.something'）.qtip（'hello'）；
});

加价

<form class="myForm" method="post" action="action.php">
    First <input type="text" name="first" class="required"/><br/>
    Last <input type="text" name="last"  /><br/>
    Phone <input type="text" name="phone"  class="required"/><br/>
    <div class="something" style="border:1px solid red; height:150px; width:300px;"></div>
    <input type="submit">
</form>


首先

最后一次

电话


我很感激任何关于问题所在的建议

非常感谢
 从您引用的文档中，qTip插件查找要显示为工具提示的内容的默认区域是“title”属性

尝试将您的div更改为：

<div title="hello" class="something" style="border:1px solid red; height:150px; width:300px;"></div>

编辑：
尽管这是默认设置，但您可能不希望向div添加标题标记

看起来您可以通过执行以下操作来设置消息内容：

$('.something').qtip({
    content:{
        text: 'hello'
    }
});

请仔细查看关于该插件的样式和其他可用选项
 您的工具提示没有如您所期望的那样显示，因为您忘记将title属性添加到div中，并且没有包含qtip2的css文件

http://qtip2.com/v/nightly/jquery.qtip.css

只要完成这两个步骤，您的代码就会工作

演示：
谢谢您的回复。我不知道是谁否决了你。我可以使用您的建议获得默认的文本提示，但不使用箭头：/Feel free to rective by upvoting and accept the response=）您想用“箭头”做什么？你的评论是我看到的第一个提到“箭头”的地方。网站上几乎所有的qtip演示都由一个带箭头的div组成，在这里我可以使用JQuery选择箭头的方向和qtip容器的位置，我一直在努力实现……我不是一个CSS高手，请参阅文档（以上链接）对于可用的样式选项。您可能对此感兴趣：感谢您的回复！虽然它在JSFIDLE上工作，但在我的测试服务器上不工作：/I不断收到以下错误：
Uncaught TypeError:无法读取未定义的
的属性“mozilla”，并找到了关于它的讨论：，但是，这并不能真正使您满意nse对我来说很重要，因为JSFIDLE使用的是与我相同的jquery版本……好吧，在看完那篇文章之后，我建议您使用，使qtip与最新的jquery版本兼容。这篇文章还提到，如果没有它，jquery版本1.9.0也可以使用，JSFIDLE也可以使用jquery版本1.9.1，这是没有意义的同样，当我在测试服务器上使用它时，如您的JSFIDLE代码中所述，它不进行迁移，但是，当我添加其他特性时，它会出现
mozilla
错误
http://qtip2.com/v/nightly/jquery.qtip.css